龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css实现图片圆角效果代码

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
本文章是从网站收藏了一款css实现图片圆角效果代码,把可以把上传的图片自定义为圆角效果。 本文章是从网站收藏了一款css教程实现图片圆角效果代码,把可以把上传的图片自定义为
本文章是从网站收藏了一款css实现图片圆角效果代码,把可以把上传的图片自定义为圆角效果。

本文章是从网站收藏了一款css教程实现图片圆角效果代码,把可以把上传的图片自定义为圆角效果。

<!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=gb2312" />
<title>css实现图片圆角效果代码</title>
<link href="style/public.css" rel="stylesheet" type="text/css" />
<script type="text/网页特效" src="js/pngobject.js"></script>
</head>

<body>
<div id="container">
 <h4><a href="http://down.111cn.net"></a></h4>
 <div class="box">
  <div class="pic"><a href="http://down.111cn.net"><img src="images/bg01.png"  /></a></div>
  <div class="pic01"><a href="http://down.111cn.net"><img src="images/img01.jpg" alt="网聚重构设计" /></a></div>
 </div>
 <div class="box">
  <div class="pic"><a href="http://down.111cn.net"><img src="images/bg01.png" /></a></div>
  <div class="pic01"><a href="http://down.111cn.net"><img src="images/img02.jpg"  alt="网聚重构设计" /></a></div>
 </div>
</div>

</body>
</html>

源码下载地址

http://down.111cn.net/js/css/2010/0904/20626.html

效果预览地址

http://g.111cn.cn/javascript/code/20100904/css


精彩图集

赞助商链接