前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css当中hover用法

css当中hover用法

作者头像
马克java社区
修改2020-01-07 18:10:50
1K0
修改2020-01-07 18:10:50
举报
文章被收录于专栏:java大数据java大数据

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 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档