码迷,mamicode.com
首页 > Web开发 > 详细

HTML - 伪元素

时间:2014-12-24 16:24:28      阅读:1012      评论:0      收藏:0      [点我收藏+]

标签:html   王吉平   

<html>
	<head><title>伪元素</title>
		<style>
			a:link{
				color: green ;
				font-size: 1cm ;
			}
			a:hover{
				color: red ;
				font-size: 2cm ;
			}
			a:active{
				color: blue ;
				font-size: 2cm ;
			}
			a:visited{
				color: yellow ;
				font-size: 1cm ;
			}
			p:first-letter{
				color: red ;
				font-size: 3cm ;
			}
			p:first-line{
				color: yellow ;
				font-size: 1cm ;
			}
		</style>
	</head>
	<body>
		<a href="http://www.aaa.com">aaa</a><br>
		<a href="http://www.bbb.com">bbb</a><br>
		<a href="http://www.ccc.com">ccc</a><br>
		<a href="http://www.ddd.com">ddd</a><br>
		
		<p>
			aaaaaaaaaaaaaaaaaaaaaaaaa<br>
		    bbbbbbbbbbbbbbbbbbbbbbbbb<br>
		    ccccccccccccccccccccccccc<br>
		</p>
		
		<p>
			ddddddddddddddddddddddddd<br>
		    eeeeeeeeeeeeeeeeeeeeeeeee<br>
		    fffffffffffffffffffffffff<br>
		</p>
	</body>
</html>


目前就只有a标签和p标签有伪元素表示。

以上仅为测试使用,所以看起来会比较夸张。

IE浏览器:

技术分享

火狐浏览器:

技术分享

HTML - 伪元素

标签:html   王吉平   

原文地址:http://blog.csdn.net/imwangjiping/article/details/42124347

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!