css当中hover用法

最新推荐文章于 2024-04-19 15:57:51 发布

mark_to_win

最新推荐文章于 2024-04-19 15:57:51 发布

阅读量3.9k

点赞数

分类专栏： javascript 文章标签： javascript css hover 马克java社区马克-to-win

本文链接：https://blog.csdn.net/mark_to_win/article/details/88624344

版权

javascript 专栏收录该内容

119 篇文章 0 订阅

订阅专栏

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>

mark_to_win

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
css当中hover用法

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 fav...
复制链接

扫一扫