css样式的头部标签 css3 tag标签样式

遵守顺序不然会覆盖样式

a:link; a:visited; a:hover; a:active

<head runat="server">

<title></title>

<style type="text/css">

body

{

font-family: Times New Roman;

font-size: 12px;

}

ul

{

list-style-type: none;

margin: 0px;

padding: 0px;

text-decoration: none;

}

ul li

{

css样式的头部标签 css3 tag标签样式
height: 25px;

float: left;

}

ul li a

{

display: block;

color: Blue;

font-weight: bold;

background: url('caidan.gif') no-repeat right bottom;

width: 75px;

height: 25px;

margin: 0% 0% 0% 0%;

vertical-align: middle;

text-align: center;

text-decoration: none;

float: left;

}

ul li a:link

{

background: url('caidan.gif') no-repeat right bottom;

font-weight: bold;

color: Black;

}

ul li a:visited

{

background: url('caidan.gif') no-repeat right bottom;

font-weight: bold;

color: Red;

}

ul li a:hover

{

background: url('caidan.gif') no-repeat right bottom;

font-weight: bold;

color: Green;

}

ul li a:active

{

background: url('caidan.gif') no-repeat right bottom;

font-weight: bold;

color: Yellow;

}

ul li a.tooltip

{

position: relative;

}

ul li a.tooltip span

{

display: none;

}

a.tooltip:hover span

{

display: block;

position: absolute;

bottom: -50px;

left: 1px;

padding: 1px 1px;

border: 1px solid #996633;

width:70px;

background-color:Lime;

color:Black;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<ul>

<li><a href="#">Habitually<span>电影<br/>音乐<br />舞蹈</span></a></li>

<li><a href="#">Write book</a></li>

<li><a href="#">Go shopping</a></li>

<li><a href="#">Cook dinner</a></li>

<li><a href="#">Watch Scrubs</a></li>

</ul>

</div>

</form>

</body>

  

爱华网本文地址 » http://www.413yy.cn/a/25101011/92615.html

更多阅读

css样式标记语法大全 css样式语法

CSS样式标记语法大全吉祥如意988/编辑CSS样式大全目录字体属性:(font)常用字体: (font-family)背景属性: (background)区块属性: (Block)方框属性: (Box)边框属性: (Border)列表属性: (List-style)定位属性: (Position)一、 CSS文字属性vert

css样式改变鼠标指针形状实例 css 指针样式

改变鼠标指针形状的方法有两种;一种:用css样式表来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状我们先来看第一种:用css样式表来改变鼠标指针形状。有些时候我们并不需要

struts的html标签 struts2的标签库

Struts1 HTML 标签一 <html:form><html:form>用来创建表单,<html:form>必须包含一个action属性,否则JSP会抛出一个异常.1.常用属性:Action 指定用户提交的表单由哪个组件来处理Enctype 指定表单所用的MIME编码Method 指定表单的提交

声明:《css样式的头部标签 css3 tag标签样式》为网友风起尘世间分享!如侵犯到您的合法权益请联系我们删除