css当中hover用法

平航
2023-12-01

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>

更多请见:http://www.mark-to-win.com/tutorial/js_3_hover.html

 类似资料: