HTMLPHPMSQL

CCS 메뉴 스타일 링크

by nanumi posted Aug 04, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

CCS 스타일 링크

 

https://codepen.io/sinbi/pen/vbRzpN

 

<style>

 

div {border:1px solid red;}

a {display:block; line-height:40px; text-align:center; text-decoration:none;}

a:hover {color:white; background:red;}

</style>

 

 

<div><a href='https://homzzang.com' target='_blank'>홈짱닷컴 Homzzang.com</a></div>

 


 

https://codepen.io/sinbi/pen/KJoxeR

<style>

table,tr,td {border:1px solid silver; border-collapse:collapse;}

td {width:300px;}

a {display:block; line-height:40px; text-align:center; text-decoration:none;}

a:hover {color:white; background:red;}

</style>

 

<table>

<tr>

<td>

<a href='https://homzzang.com' target='_blank'>홈짱닷컴 Homzzang.com</a>

</td>

</tr>

</table>

 


 

https://codepen.io/sinbi/pen/mvLVpV

 

<style>

ul,li {margin:0; padding:0; }

li  {border:1px solid red;}

a {display:block; line-height:40px; text-align:center; text-decoration:none;}

a:hover {color:white; background:red;}

</style>

 

<ul>

  <li><a href='https://homzzang.com'  target='_blank'>홈짱닷컴 Homzzang.com</a></li>

</ul>