수

컬러 단추 테두리

· 2017-09-06 (수) 00:05:33 · 2087

컬러 단추 테두리


91308e91ff090fb4abed793c1e3856ce_1504623922_2364.png
 


이 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>


|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-09-10 조회 2,021
CSS 17-09-10 조회 2,434
CSS 17-09-09 조회 2,011
CSS 17-09-09 조회 2,261
CSS 17-09-09 조회 2,051
CSS 17-09-07 조회 1,927
CSS 17-09-07 조회 2,295
CSS 17-09-07 조회 1,892
CSS 17-09-06 조회 1,983
CSS 17-09-06 조회 2,088
CSS 17-09-06 조회 2,095
CSS 17-09-02 조회 1,894
CSS 17-09-02 조회 4,590
CSS 17-09-02 조회 2,501
CSS 17-09-01 조회 2,910
CSS 17-09-01 조회 2,443
CSS 17-09-01 조회 2,372
CSS 17-08-31 조회 2,254
CSS 17-08-31 조회 2,540
CSS 17-08-31 조회 2,271
CSS 17-08-29 조회 2,423
CSS 17-08-29 조회 2,805
CSS 17-08-29 조회 2,117
CSS 17-08-25 조회 2,756
CSS 17-08-25 조회 2,178
CSS 17-08-25 조회 1,945
CSS 17-08-24 조회 1,625
CSS 17-08-24 조회 1,946
CSS 17-08-24 조회 2,719
CSS 17-08-23 조회 2,401