首页 > Web开发 > 详细

HTML - 伪元素

时间:2014-12-24 16:21:15      阅读:387      评论:0      收藏:0      [点我收藏+]
<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 - 伪元素

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!