您的位置:首页 > 理论基础 > 计算机网络

HTTP协议讲解及手工模拟HTTP请求

2014-06-17 00:48 260 查看
<style type="text/css">ul,li{ margin:0; padding:0; float:left; display:block; list-style-type: none; }.bi{ position: relative; z-index: 0;}.bi:hover{z-index: 99;}.bi:hover span{ visibility: visible; top: 0; left: 0;}.bi span{ position: absolute; visibility: hidden;}#nav li a,.bi:hover span{ line-height: 20px; text-decoration: none; background: #DDDDDD; color: #666666; display: block; width: 80px; text-align: center;}#nav li a:hover,.bi:hover span{ color: #FFFFFF; background: #DC4E1B;}.bi:hover span{padding-top: 2px;}</style>

Home首 页

CSS样式表

样式表CSS

首 页Home

<style type="text/css">

ul,li{

margin:0;

padding:0;

float:left;

display:block;

    list-style-type: none;

}

.bi{

position: relative;

z-index: 0;

}

.bi:hover{z-index: 99;}

.bi:hover span{

visibility: visible;

top: 0;

left: 0;

}

.bi span{

position: absolute;

visibility: hidden;

}

#nav li a,.bi:hover span{

line-height: 20px;

text-decoration: none;

background: #DDDDDD;

color: #666666;

display: block;

width: 80px;

text-align: center;

}

#nav li a:hover,.bi:hover span{

color: #FFFFFF;

background: #DC4E1B;

}

.bi:hover span{padding-top: 2px;}

</style>

<body>

<ul id="nav">

<li><a class="bi" href=http://wuyisky.cnblogs.com>Home<span>首 页</span></a></li>

<li><a class="bi" href="http://wuyisky.cnblogs.com">CSS<span>样式表</span></a></li>

<li><a class="bi" href="http://wuyisky.cnblogs.com">样式表<span>CSS</span></a></li>

<li><a class="bi" href="http://wuyisky.cnblogs.com">首 页<span>Home</span></a></li>

</ul>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: