컬러 단추 테두리
컬러 단추 테두리

이 border속성을 사용하여 버튼에 색상 테두리를 추가 하십시오 .
예
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50; /* Green */
}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50;
}
.button2 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button3 {
background-color: white;
color: black;
border: 2px solid #f44336;
}
.button4 {
background-color: white;
color: black;
border: 2px solid #e7e7e7;
}
.button5 {
background-color: white;
color: black;
border: 2px solid #555555;
}
</style>
</head>
<body>
<h2>Colored Button Borders</h2>
<p>Use the border property to add a border to the button:</p>
<button class="button button1">Green</button>
<button class="button button2">Blue</button>
<button class="button button3">Red</button>
<button class="button button4">Gray</button>
<button class="button button5">Black</button>
</body>
</html>
게시판 목록
퍼블리셔팁
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1277 | 기타 |
선택과집중
|
2개월 전 | 148 | |
| 1276 | CSS |
선택과집중
|
2개월 전 | 269 | |
| 1275 | CSS |
선택과집중
|
2개월 전 | 268 | |
| 1274 | CSS |
선택과집중
|
3개월 전 | 460 | |
| 1273 | 기타 |
선택과집중
|
4개월 전 | 400 | |
| 1272 | CSS |
선택과집중
|
4개월 전 | 530 | |
| 1271 | CSS |
선택과집중
|
5개월 전 | 577 | |
| 1270 | CSS |
선택과집중
|
5개월 전 | 457 | |
| 1269 | CSS |
선택과집중
|
5개월 전 | 538 | |
| 1268 | CSS | 5개월 전 | 427 | ||
| 1267 | 10개월 전 | 707 | |||
| 1266 | HTML | 10개월 전 | 837 | ||
| 1265 | CSS |
|
1년 전 | 765 | |
| 1264 | 1년 전 | 1256 | |||
| 1263 | HTML |
|
1년 전 | 790 | |
| 1262 | CSS |
|
1년 전 | 994 | |
| 1261 | CSS |
|
1년 전 | 1007 | |
| 1260 | HTML | 2년 전 | 1489 | ||
| 1259 | 기타 | 2년 전 | 828 | ||
| 1258 | CSS |
|
2년 전 | 1585 | |
| 1257 | HTML |
|
2년 전 | 1371 | |
| 1256 | CSS |
돈도없어개발하기도시러
|
2년 전 | 1272 | |
| 1255 | 2년 전 | 3611 | |||
| 1254 | 2년 전 | 4794 | |||
| 1253 | 2년 전 | 1552 | |||
| 1252 | 레이아웃 |
swallow
|
2년 전 | 1784 | |
| 1251 | 웹접근성 |
두리삼촌v
|
2년 전 | 2058 | |
| 1250 | 레이아웃 |
두리삼촌v
|
2년 전 | 1692 | |
| 1249 | 레이아웃 |
두리삼촌v
|
2년 전 | 3215 | |
| 1248 | 기타 |
돈도없어개발하기도시러
|
2년 전 | 1147 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기