其他分享
首页 > 其他分享> > css当中hover用法

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 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

标签:hover,bottom,color,用法,width,mymenu,border,css
来源: https://www.cnblogs.com/malala/p/15599552.html