CSS图片圆角效果
<html>
<head>
<title>CSS图片圆角效果</title>
<style type=”text/css”>
body{ font-family:”宋体”; font-size:12px;}
#box{ margin: 20px auto; width:360px; height:360px; background: url(center.gif) repeat-y;}
#box h2{ background:url(bottom.gif) no-repeat left top; padding:20px;}
#box p{ padding:20px; line-height:180%;}
#box p.last{ background:url(top.gif) no-repeat left bottom; padding:20px;}
</style>
</head>
<body>
<div id=”box”>
<h2>CSS圆角效果</h2>
<p >CSS实现图片圆角效果</p>
<p >CSS实现图片圆角效果</p>
<p >CSS实现图片圆角效果</p>
<p class=”last”>CSS实现图片圆角效果</p>
</div>
</body>
</html>
No comments yet.