精华内容
下载资源
问答
  • div圆角

    2017-09-27 16:56:00
    div{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} 转载于:https://www.cnblogs.com/thinkingthigh/p/7602676.html

    div{    -moz-border-radius: 10px;    -webkit-border-radius: 10px;    border-radius: 10px;}

    转载于:https://www.cnblogs.com/thinkingthigh/p/7602676.html

    展开全文
  • DIV 圆角

    2011-12-04 23:38:05
    http://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd"> ... div+CSS圆角矩形 div#nifty{ margin: 0 10%;background: #9BD1FA;} div.rtop{display:block;backg

    <!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" lang="gb2312">
    <head>
    <meta http-equiv="Content-Type" content="text/HTML; charset=gb2312" />
    <title>div+CSS圆角矩形</title>
    <style type="text/CSS">

    div#nifty{ margin: 0 10%;background: #9BD1FA;}
    div.rtop{display:block;background: #FFF}
    div.rtop div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
    div.r1{margin: 0 5px}
    div.r2{margin: 0 3px}
    div.r3{margin: 0 2px}
    div.rtop div.r4{margin: 0 1px;height: 2px}
    </style>
    </head>
    <body>
    <div id="nifty">
    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    <p>内容!</p>
    <div class="rtop"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    </div>
    </body>
    </hmtl>

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
        <style type="text/css">
    .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, .b4b, .b {
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
    }
    .b1, .b1b {
        background: none repeat scroll 0 0 #999999;
        margin: 0 5px;
    }
    .b2, .b2b {
        border-width: 2px;
        margin: 0 3px;
    }
    .b3, .b3b {
        margin: 0 2px;
    }
    .b4, .b4b {
        height: 2px;
        margin: 0 1px;
    }
    .d1 {
        background: none repeat scroll 0 0 #F7F8F9;
    }
    .k {
        height: 150px;
    }
    </style>
     </HEAD>

     <BODY>

    </head>

    <body>
    <div>
    <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
    <div class="b d1 k">
    <font style="font-size:26px;color:red; margin:0px 10px;">简洁型css圆角矩形</font>
    </div>
    <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
    </div>
     </BODY>
    </HTML>

     

    展开全文
  • div圆角边框的css写法内容导读:大家可以把本文的css代码加到div的样式表里面就行了,至于圆角的弧度等可以自己修改,另外也可以单独设置四个角的某两个角,总之大家灵活运用吧。有朋友看到沐风工作室网站首页上有个...

    div圆角边框的css写法

    内容导读:大家可以把本文的css代码加到div的样式表里面就行了,至于圆角的弧度等可以自己修改,另外也可以单独设置四个角的某两个角,总之大家灵活运用吧。

    有朋友看到沐风工作室网站首页上有个圆角的div,然后想知道是怎么弄出来的,其实弄div的圆角边框很简单,下面就给大家附上css代码:style="border-radius:5px; padding:20px; font-size:16px; border:#339933 1px solid; "

    说明下:border-radius:5px:就是表示div圆角的弧度,这个数值越大,圆角越大;

    border:#339933 1px solid:这个表示边框的颜色、厚度以及样式。

    大家可以把本文的css代码加到div的样式表里面就行了,至于圆角的弧度等可以自己修改,另外也可以单独设置四个角的某两个角,总之大家灵活运用吧。

    本文标签:css

    这篇关于“div圆角边框的css写法”的文章已帮助 712 人,希望也能帮到你!

    本站内容大部分由沐风博客原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!

    责任编辑:沐风 | 发布时间:2020年08月25日14点52分27秒 |

    本文永久地址为 http://www.tangmengyun.com/seo/2243.html

    展开全文
  • DIV圆角

    2013-03-07 09:40:16
    http://www.malsup.com/jquery/corner/
    展开全文
  • (div+css) div圆角.pdf

    2021-09-13 10:05:07
    (div+css) div圆角.pdf
  • div圆角代码,div圆角代码,div圆角代码,div圆角代码,div圆角代码,div圆角代码
  • div圆角样式

    2019-06-28 11:55:34
    使用css实现div圆角样式,如下图所示:
  • DIV圆角代码

    2012-07-25 16:32:17
    实现DIV圆角,让你的界面更加美观,更豪华。
  • div 圆角的应用很实用

    2012-03-03 17:23:58
    div 圆角
  • Div 圆角

    2007-04-13 15:18:00
    v/:*{behavior: url(#default#VML);}style="position:absolute;left:20px;top:50px;width:200px;height:140px;" FillColor="#AAEAFA" Filled="T" /> 
  • DIV圆角等相关操作

    2016-08-11 17:42:41
    DIV圆角等相关操作
  • div 圆角边角

    2008-04-10 09:31:40
    div 圆角边角 js 处理
  • div圆角显示

    2012-11-21 11:24:24
    在编写页面代码时候有时候需要div圆角显示。比如菜单栏等等,可以参考这个代码。
  • css实现div圆角

    2011-09-08 23:52:12
    纯css实现div圆角,代码简单易懂,没有js那么麻烦,缺点是效果有点小缺憾
  • JavaScript 制作div圆角

    2010-01-07 14:39:18
    JavaScript 制作div圆角 带有实例
  • 本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐,或者IE9。IE6、7、8不支持
  • 下面是整个页面的源码,复制->粘贴->保存成html文档->可见效果:复制代码代码如下:<!DOCTYPE ...CSS+DIV圆角#divcss5 {b...
  • 超多CSS Div圆角特效代码集,有DIV圆角,圆角菜单、圆角列表、圆角混合布局、圆角图片边框等,一共有10款圆角框效果,全部兼容ie8、火狐或Chrome浏览器,没有用到CSS3,传统CSS技术实现,是学习CSS的好资料。
  • CSS+DIV圆角

    2008-06-29 10:03:01
    免费赠送,CSS+DIV圆角横条效果
  • JS封装DIV圆角Css样式

    2012-06-08 12:54:54
    JS封装DIV圆角Css样式,源代码演示!
  • css+div圆角实例

    2010-09-02 11:06:25
    css+div圆角实例,通过JavaScript实现,内含多种实例
  • 首先看看下面的这个图,下面的有编号内容的这个DIV,正是圆角DIV,要实现起来实在太简单了。如果要实现上面的这个DIV圆角,使用下面的一行代码即可。$("#DIV的ID号").css("border-radius","9px");注意,这是...
  • Div圆角边框CSS实例下载,用图片修饰而成的圆角,虽然用了图片,不过新手容易上手,特别是对DIV css不熟悉的朋友,更易套用在自己的网站里,做留言本或评论系统超不错哦!由源码素材网提供下载,谢谢你的支持。
  • css+div圆角的实现

    2008-11-13 08:38:32
    css+div圆角的实现.rarcss+div圆角的实现.rar
  • JS控制DIV圆角代码

    2010-04-26 15:13:14
    JS CSS 圆角,JS控制DIV圆角代码
  • 简单的div圆角与阴影代码,普通写出来得阴影无法满足IE浏览器,但是这个代码则可以运行
  • div圆角样式.rar

    2019-06-28 11:48:34
    把方形div样式,变成圆角div样式展现出来,效果还不错
  • 超实用div圆角样式,无须图片 超实用div圆角样式,无须图片
  • DIV圆角的JavaScript代码

    2008-04-25 09:30:33
    简易实现DIV圆角的JavaScript代码和使用方法

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 29,981
精华内容 11,992
关键字:

div圆角