6.hover 例 1.6 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> #mymenu{ border: 1px solid black; /* refer to favo.dbk2008.com style.borderBottomWidth (Property) it corresponding CSS syntax: border-bottom-width: aWidth */ border-bottom-width: 4; width: 150px; background-color: #FF0000; } #mymenu a{ /*Elements having the display property set to "block" will be forced to start on a new line. qixy: this attribute can not be omitted.*/ display: block; /* the next statement is crucial, otherwise, there is no line inside the div. */ border-bottom: 1px solid black; } #mymenu a:hover{ font:bold 14pt Verdana; background-color: #ddddff; } </style> </head> <body> <div id="mymenu"> <a href="http://www.zhangsan.com/ ">张三</a> <a href="http://www.qixy.com">马克-to-win</a> <a href="http://www.lisi.com/">李四</a> </div> </body> </html>
更多请见:https://blog.csdn.net/qq_43650923/article/details/102687961
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。