HTML



다양한 button

작성일 19-06-26 01:15

페이지 정보

작성자최고관리자 조회 187회 댓글 0건

본문

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



추천0

비추천 0
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

전체 9건 1 페이지
게시물 검색

회원로그인

공지사항

  • 게시물이 없습니다.



Copyright © Dev. All rights reserved.

Warning: Unknown: write failed: Disk quota exceeded (122) in Unknown on line 0

Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/home/hosting_users/gksrnjstn3/www/data/session) in Unknown on line 0