버튼 css 이용하여 꾸며보기

<!DOCTYPE html>
<html>
  <head>
  	<style>
    #btn1{
    	border: 2px solid blue;
        color: red;
        background-color:rgba(0,0,0,0);
        margin: 20px;
        padding : 10px;
        border-radius: 20px;
    }
  	</style>
  </head>
  <body>
  	<button id="btn1">버튼테스트</button>
  </body>
</html>

 

'HTML&CSS' 카테고리의 다른 글

HTML button  (0) 2023.06.29 
<!DOCTYPE html>
<html>
  <body>
    <button onclick='alert("버튼 누름")'>버튼</button>
  </body>
</html>

'HTML&CSS' 카테고리의 다른 글

버튼 +CSS  (0) 2023.06.29

+ Recent posts

티스토리툴바