精华内容
下载资源
问答
  • 圆角边框#sash_left { width:430px; float:left; }#sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }#sash_left ul li { line-height:16px; margin:2px 0; }.b1, .b2, .b3, .b4 { font...
    圆角边框

    #sash_left { width:430px; float:left; }

    #sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }

    #sash_left ul li { line-height:16px; margin:2px 0; }

    .b1, .b2, .b3, .b4 { font-size:1px; overflow:hidden; display:block; }

    .b1 { height:1px; background:#AAA; margin:0 5px; }

    .b2 { height:1px; background:#E0E0E0; border-right:2px solid #AAA; border-left:2px solid #AAA; margin:0 3px; }

    .b3 { height:1px; background:#E3E3E3; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 2px; }

    .b4 { height:2px; background:#E6E6E6; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 1px; }

    .contentb { height:186px; background:#E9E9E9; border-right:1px solid #AAA; border-left:1px solid #AAA; }

    • JavaScript/CSS特效代码
    展开全文
  • 如果没有设置圆角则会显得比较方正 通过设置border-radius可以让边角变得圆润 如果设置border-radius为50%则可以让宽高相等的div变成圆形 当然也可以设置某一部分,比如border-top-left-radius设置左上角 ....

    如果没有设置圆角则会显得比较方正

     通过设置border-radius可以让边角变得圆润

     如果设置border-radius为50%则可以让宽高相等的div变成圆形

    当然也可以设置某一部分,比如border-top-left-radius设置左上角


    展开全文
  • HTML 页面 DIV 边框圆角

    万次阅读 2011-10-27 16:33:49
    div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
    div {
    				border:1px solid #ccc;
    				margin:2em auto 1em;
    				max-width:650px;
    				min-width:544px;
    				-moz-border-radius:20px;
    				-webkit-border-radius:20px;
    				border-radius:20px;
    			}


    展开全文
  • css 圆角边框的出现结束了传统使用圆角图片的时代,接下来与大家分享下div 边框圆角的实现,感兴趣的你可以参考下哈,希望对你有所帮助
  • div css圆角代码各种圆角表格_圆角边框css圆角
  • 边框圆角,直接掉方法就可以用,和jquery类似!
  • 圆角div边框

    2018-04-12 19:17:00
    做一个类似这样的圆角div 实现: 首先要给div加边框线 然后在弄成圆角 利用 CSS3 的border-radius 属性 eg: <!DOCTYPE html> <meta charset="utf-8"> 菜鸟教程(runoob.com)</title>...

    要求:

    做一个类似这样的圆角div

    190447_41EJ_2885163.png

    实现:

    首先要给div加边框线

    然后在弄成圆角

    利用CSS3 的border-radius 属性

    191333_jIJL_2885163.png

    eg:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <style> 
    div
    {
    	border:2px solid #a1a1a1;
    	padding:10px 40px; 
    	background:#dddddd;
    	width:300px;
    	border-radius:25px;
    }
    </style>
    </head>
    <body>
    
    <div>border-radius 属性允许您为元素添加圆角边框! </div>
    
    </body>
    </html

    效果如下

    191518_NVOl_2885163.png

     

     

    样式在标签内的写法

    191006_d5mD_2885163.png

    转载于:https://my.oschina.net/zjllovecode/blog/1794751

    展开全文
  • 圆角DIV边框

    2011-11-25 17:17:00
    div12345 News1 News2 <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>圆角边框</title><style type="text/css">...
  • CSS3之border-radius圆角 DIV盒子圆角 图片圆角,CSS3样式实现盒子对象圆角、图片圆角效果。下面我们来看一下css设置元素边框圆角的方法。css中可以使用border-radius属性设置元素边框圆角。示例:div{text-align:...
  • 这么几天需要做一个类似于层级展示的东西,最后一层需要做一些div框来展示数据,我用css设置了div的边框为圆角,但是添加背景色的时候颜色溢出,覆盖了四个角的圆弧,效果如图所示: css代码如下: .demo{ ...
  • 摘要:脚本资源,Ajax/JavaScript,Js圆角框插件,圆角 超简单实用的JS圆角框插件,实现DIV、图片圆角效果,关键是代码很兼容很简单,调用了一个自已写的圆角封装插件,只需个参数即可实现漂亮的圆角边框,对于DIV和...
  • div圆角边框的css写法内容导读:大家可以把本文的css代码加到div的样式表里面就行了,至于圆角的弧度等可以自己修改,另外也可以单独设置四个角的某两个角,总之大家灵活运用吧。有朋友看到沐风工作室网站首页上有个...
  • 使div变成圆角: 复制代码代码如下: border-radius: 3px; //貌似在IE中不支持,没试过 提交按钮的特效: 复制代码代码如下: background: none repeat scroll 0 0 #82C400; width:107px; //按钮的长度 height:42px...
  • 边框圆角

    2019-06-27 22:12:00
    边框圆角 1.什么是边框圆角? 将直角的边框变为圆角的边框 2.边框圆角的格式? border-radius: 左上 右上 右下 左下; 3.将正方形变为圆形的技巧 border-radius: 50%; 4.系统如何绘制圆角? 首先根据指定...
  • div+css 圆角框总结

    2013-12-19 13:22:21
    简洁型css圆角:  方法1: 简洁型css圆角矩形 code1:   复制代码 代码如下: .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{}{display:block;overflow:hidden;} .b1,.b2,.b3,.b1b,.b2b,....
  • 简洁型css圆角:方法1:简洁型css圆角矩形code1:复制代码代码如下:.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{}{display:block;overflow:hidden;}.b1,.b2,.b3,.b1b,.b2b,.b3b{}{height:1px;}.b2,.b3,.b4,.b2b,.b3b,.b4...
  • CSS圆角有立体感的DIV边框! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
  • 设置div圆角边框 首先给大家上个图片展示吧 1、首先下载Pie文件,在http://css3pie.com/下载Pie.js文件,最好是里面的文件不要删减,我是直接用的 2、然后上hmtl代码吧 <div> 111111111111111</...
  • 1.如何将div框等设置为四周为圆角的样式: border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius:10px ; ...
  • DIV+CSS圆角框组件

    2011-08-09 23:04:00
    DIV+CSS圆角框组件 /*原理:由左右边框长度、左右缩进以及溢出隐藏实现。*/ /*高度由div的width决定*/ div#sidebar_f { margin: 0; padding: 0; float: left; width: 800px; text-align: center; ...
  • 圆角边框#sash_left { width:430px; float:left; }#sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }#sash_left ul li { line-height:16px; margin:2px 0; }.b1, .b2, .b3, .b4 { font...
  • 有一种新功能就是给div或者是图片等圆角圆角代码怎么写你知道吗,作为一个经常写css的网站制作者,今天跟大家分享一下css圆角边框代码,当然图片圆角也是一样的,我分享的代码尽量兼容各种浏览器,包括ie、360...
  • 矩形在网页中较为常见,不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?
  • CSS3之border-radius圆角 DIV盒子圆角 图片圆角,CSS3样式实现盒子对象圆角、图片圆角效果。下面我们来看一下css设置元素边框圆角的方法。css中可以使用border-radius属性设置元素边框圆角。示例:div{text-align:...
  • 用Css实现div圆角边框

    2009-05-07 00:34:26
    div+css实现边框圆角,其实实现div圆角,有三种方法,也可以用圆角片来实现,还有一种技术,现在浏览器还不是很支持。
  • 圆角边框#sash_left { width:430px; float:left; }#sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }#sash_left ul li { line-height:16px; margin:2px 0; }.b1, .b2, .b3, .b4 { font...
  • css圆角卷起了一阵风波,只用css来做圆角矩形的技术很早就有了,但是在网页的设计过程中,我们通常用图片实现圆角矩形效果。现在网上很多关于无图片实现css圆角矩形的方法,虽说巧妙,但是代码冗长,难以做到简洁

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 21,420
精华内容 8,568
关键字:

div框圆角