css定位练习

作者:孙丽超
日期:2012/10/30 19:17:17

<html>
<head>
<style type="text/css">
p.a1{font-size="30";font-weight="900px"
;position:absolute;left:300px;top:60%;color:"blue"}
img.a5{position:absolute;left:400px;top:50%;z-index:-1:}p.a2{font-size="40";font-weight="900px"
;position:absolute;left:600px;top:100px;color:lime}
img.a3{position:absolute;left:680px;top:60px;z-index:-1;}
embed{position:absolute;top:400;left:800;height:200;width:200;}
p.a3{font-size="30";font-weight="900px"
;position:absolute;left:150px;top:10px;color:"blue"}
img.a2{vertical-align:text-tpo}
p.a4{font-size="30";font-weight="900px"
;position:absolute;left:60px;top:400px;color:"blue"}
img.a2{vertical-align:text-bottom}
</style>
</head>
<body bgcolor="pink">
<p class="a1">位于中间的图片位于中间的图片</p>
<img class="a5" src="3.jpg"><p class="a2">定位练习定位练习</p>
<img class="a3"src="2.gif">
<embed src="2.mp3">
<p class="a3">位于中间<img class="a2" src="3.gif">的图片</p>
<p class="a4">位于中间<img class="a2" src="3.gif">的图片</p>
</body>
</html>

http://weibo.com/sunlichao822

http://abc.wm23.com/sunlihao822

分享