DIV_圆边圆角的实现

v\:*{behavior: url(#default#VML);}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • CSS+Jquery实现页面圆角框方法大全

    CSS+Jquery实现页面圆角框方法大全

    所以我就想用一个既方便调用又方便更新的方法来实现,结果如愿以偿.先将此技术点总结如下: 在此之前我也寻找过目前网络上最流行的做法的实现方案,大体共总结出7种方法,但是发现他们的方法多多少少都存在缺陷,后来我自己做出了我自己觉得满意的方法. 先看目前网络上最流行的7种做法: 1,无图片纯css圆角框 收录理由:兼容性强,不用图形 图一 特点: 1.不用任何图形,使用很多个div容器模拟出圆角效果. 2.兼容性:通杀所有浏览器 缺点: 1.构造这个圆角需要加入太多的无语义的标签,结构比较冗余. 2.

  • 提取自百度有啊的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=&qu

  • 纯CSS生成抗锯齿圆角的代码

    抗锯齿圆角 .antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;} .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#F1FFDD} .spiffy1{ margin-left:3px; margin-right:

  • jquery 圆角遮罩图片实现图片圆角

    jquery 圆角遮罩图片实现图片圆角

    运行后请刷新一次. 圆角遮罩图片实现图片圆角 by ahuinan 2009-5-15 $(function(){ $(".kuang").after(" "); }) li{ list-style:none; float:left; margin-right:20px; margin-top:20px; position:relative; } img{ border:0; width:94px; height:94px; } .kuang_div{ positi

  • 用js实现的抽象CSS圆角效果!!

    大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: <html> <head> <title>css圆角效果</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <style type="text/css"> div.RoundedCorne

  • 自定义标签实现圆角边框

    v\:* {behavior: url(#default#VML);} css实现真正的圆角表格 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 自写的一个jQuery圆角插件

    自写的一个jQuery圆角插件

    原理是利用1px的div,具体实现看代码. 使用方法: 复制代码 代码如下: $('.test').rounder(); 这样会根据默认的设置产生一个圆角框,效果如图: 圆角处会有点锯齿:(如果仅此而已,那肯定是不够的.我们会想加上自己的一个样式该怎么办?使用方法: 复制代码 代码如下: $('.test').rounder({borderColor:'red',backgroundColor:'#EEE',color:'blue'}); 效果如图: 接下来我就来讲讲实现过程了,先附上jQuer

  • Javascript 圆角div的实现代码

    Javascript 圆角div的实现代码

    现在实现圆角普遍用图片来控制,这种方法有其优点(产生的圆角平滑). 但同时他也要求有吻合的图片,如果要动态的改变div的样式颜色则有些力不从心.还有就是用js来实现. 实现后的调用代码 如下 复制代码 代码如下: var objDiv = getRoundDiv.call(document,"solid 1px yellow","#dddddd") objDiv.Div.style.width="100px"; objDiv.Content.st

  • 用js实现CSS圆角生成更新

    用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺 makeroalj("modul","con

  • CSS圆角区块容器生成器

    当然还是用图片,只是可以生成自己所需色彩的图片. http://www.neuroticweb.com/recursos/css-rounded-box/ 将上面生成的图片和下面代码存在同一个文件夹下: CSS圆角区块容器 .rbroundbox { background: url(nt.gif) repeat; } .rbtop div { background: url(tl.gif) no-repeat top left; } .rbtop { background: url(tr.gif

  • CSS实现光滑圆角效果

    这个效果非常独特,以前我所见过的这种特效实现过程非常复杂,但这里的源代码却非常简单,推荐收藏. <html xmlns:v><head><style>v\:*{behavior: url(#default#VML);}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px

  • 代码精简的可以实现元素圆角的js函数

    上次在blueidea上看到一个元素圆角的实现方法,但是那个太复杂了.于是就自己写了一个函数,可以将元素自动圆角.  演示地址:http://longbill.cn/down/sample/roundcorner.htm  不要用在有 padding 值得元素上,最好是在外面套一层.详情见演示地址.  代码:  function RoundCorner(obj,style)  {  /********  网页元素圆角函数!!  作者: Longbill  主页: www.longbill.cn 

随机推荐