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.net/javascript/code/20100904/css

 

 

时间： 2024-09-17 20:25:00

css实现图片圆角效果代码的相关文章

IE7,IE8浏览器CSS实现正圆角效果代码

一.关于IE7, IE8不支持CSS3 border-radius CSS3 border-radius可以轻易实现圆还有圆角效果,然而,需要IE9+浏览器才行.移动端自然不成问题,但是众多(尤其面向C侧)PC页面是至少需要兼容IE8的,那有没有什么办法可以让IE7, IE8也支持圆角呢? 很久很久以前介绍过一个名为PIE的东西可以实现IE7,IE8的圆角,是10年7月份写的一篇"PIE使IE支持CSS3圆角盒阴影与渐变渲染"(本文还有其他很多圆角方法介绍). 其原理是利用的IE私有的

css控制图片透明效果代码

测试效果1 测试效果-改变角度 分别修改.perspective-r的border-top和.perspective-b的border-left的width值,值越大角度越大:同时修改.perspective-r的高度值和.perspective-b的宽度值. 测试效果-改变距离 分别修改.perspective-r的border-left和.perspective-b的border-top的width值,值越大距离越大:增加.perspective-outer的宽度和高度值,并修改.persp

纯css实现蓝色圆角效果水平导航菜单代码

         本文实例讲述了纯css实现蓝色圆角效果水平导航菜单代码.分享给大家供大家参考.具体如下:          这是一款可爱的蓝色圆角水平导航菜单,用到几张背景图片,我觉得这款菜单挺实用,特别是用在个人博客中非常合适.在兼容性方面做的也很好,几乎兼容所有的浏览器. 运行效果截图如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

css 圆角效果代码

提示:您可以先修改部分代码再运行 css 圆角效果代码 圆角效果 本代码由网页特效网提供 提示:您可以先修改部分代码再运行

Jquery图片缩放效果代码

<!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-

三款Jquery图片放大镜效果代码

本文章是利用了jquery图片放大镜效果插件来实例图片放大,下面我们收藏了三款效果的实例,看看那款适合你哦. <!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&qu

js+div实现文字滚动和图片切换效果代码_javascript技巧

本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了,本效果实现了两种效果,Div切换,TAB切换,和文字滚动,鼠标移上后文字停止滚动,两种功能可任意剥离出来,这不影响代码使用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-div-txt-pic-scroll-cha-style-codes

jquery的幻灯片图片切换效果代码分享_jquery

本文实例讲述了jquery的幻灯片图片切换效果.分享给大家供大家参考.具体如下: 这是一款基于jquery的幻灯片图片切换效果代码,有缩略图和标题,可以自定义标题. 运行效果图:     -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. (1)在head区域引入CSS样式: <LINK rel=stylesheet type=text/css href="css/lrtk.css&quo

jquery实现LED广告牌旋转系统图片切换效果代码分享_jquery

本文实例讲述了jquery实现LED广告牌旋转系统图片切换效果,分享给大家供大家参考.具体如下: js模拟路边巨大显示屏上广告切换效果,不得不相信js做到了,而且让你无话可说的逼真效果. LED广告显示器上图片切换效果,场景也类似,效果相当震撼看得我目瞪口呆,热爱特效的你可不要错过哈! 运行效果图: -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jquery实现LED广告牌旋转