CSS 伪样式 1

最新推荐文章于 2024-05-31 14:59:34 发布

lzid2008

最新推荐文章于 2024-05-31 14:59:34 发布

阅读量1.2k

点赞数

文章标签： css input xhtml class html 文档

本文链接：https://blog.csdn.net/lzid2008/article/details/7213848

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.main li a{
	color:black;
	background-color:#fcc;
	text-align:none;
	padding-left:20px;
	display:block;
	display:inline-block;
	width:100px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
}

.main li a:link{
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}

.main li a:visited{
	font-size:14px;
	color:#000;
	text-decoration:overline;
}

.main li a:hover{
	font-size:14px;
	color:#f00;
	text-decoration:line-through;
}

.main li a:active{
	font-size:14px;
	color:#000;
	text-decoration:overline;
}

/********************/
input:focus { background-color:#00CC33;}

li:first-child{ background-color:#006633;}

q:lang(dl)
{
	quotes:"---" "---";
	font-weight:bold;
	color:#CC0000;
}

p:first-letter{}
p:first-line{}
p:first-child{}
input:focus{}
q:lang(dl){quotes:"(" ")"; } /* <p>文字<q lang="dl">中华人民共和国成立了</q> </p>*/

p:before{ content:"<<"; color:#FF0000;}
p:after{ content:">>"; color:#000066;}
</style>

</head>

<body>
<div class="main">
    <ul>
        <li><a href="#">数学</a></li>
        <li><a href="#">语文</a></li>
        <li><a href="#">英语</a></li>
        <li><a href="#">数学左右</a></li>
    </ul>
</div>

username:<input type="text" /><br />
password:<input type="text" /><br />
<input type="submit" value="submit"  />

<p>文字<q lang="dl">中华人民共和国成立了</q></p>
</body>
</html>

lzid2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 伪样式 1

无标题文档.main li a{ color:black; background-color:#fcc; text-align:none; padding-left:20px; display:block; display:inline-block; width:100px; padding-top:3px; padding-bottom:3px;
复制链接

扫一扫