全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果1,001,053个

用CSS实现弧形卡片的三种方式小结_CSS教程_CSS_网页制作_脚本之家

一、border-radius 通常情况下,我们用border-radius都是这样 1 2 3 div{ border-radius:20px; } 这样表示 4 个角都是圆角,并且是标准的正圆 其实,border-radius还支持斜杠的写法,比如 1 2 3 div{ border-radius:20px/10px; } 这表示,圆角是一个x半径为20px,y半径为10px的椭圆,如下 放大来看,其实是...
www.jb51.net/css/9152...html 2024-5-30

border-radius - CSS - 菜鸟学堂-脚本之家

border: 2px solid; border - radius: 25px; } 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 属性 border-image4.0 -webkit-9.04.0 -moz-5.0 -webkit-10.5 -o- ...
edu.jb51.net/cssref/cssr...border-ra... 2024-2-29

CSS3 边框效果_css3_CSS_网页制作_脚本之家

您将学到以下边框属性:border-radius、box-shadow、border-image。 一、圆角边框border-radius# 在CSS3 中,border-radius 属性用于创建圆角: 1.1、border-radius语法# 基本写法如下: 设置左上角 border-top-left-radius:10px; 设置右上角 border-top-right-radius:10px; 设置左下角 border-bottom-left-radius:1...
www.jb51.net/do/plus/vi...php?aid=70... 2024-5-18

CSS3的Border-radius轻松制作圆角_css3_CSS_网页制作_脚本之家

border-radius只有在以下版本的浏览器:Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+支持border-radius标准语法格式,对于老版的浏览器,border-radius需要根据不同的浏览器内核添加不同的前缀,比说Mozilla内核需要加上“-moz”,而Webkit内核需要加上“-webkit”等,那么我为了能兼容各大内核的老版...
www.jb51.net/css/687...html 2024-5-27

CSS3轻松实现圆角效果_css3_CSS_网页制作_脚本之家

方法1:利用border-radius属性统一设置。 1 p{border-radius:25px25px25px0;} 方法2:利用border-radius属性的派生子属性设置。 1 2 3 4 5 p{ border-top-left-radius:25px; border-top-right-radius:25px; border-bottom-right-radius:25px;
www.jb51.net/css/5859...html 2024-5-25

CSS3 border-radius圆角的实现方法及用法详解_css3_CSS_网页制作_脚本...

早期版本的Safari和Chrome,支持-webkit-border-radius属性。 早期版本的Firefox支持-moz-border-radius属性。 目前来看,为了保证兼容性,只需同时设置-moz-border-radius和border-radius即可。 1 2 -moz-border-radius:15px; border-radius:15px; (注意:border-radius必须放在最后声明,否则可能会失效。) ...
www.jb51.net/css/7449...html 2024-5-30

CSS3圆角边框和边界图片效果实例 _css3_CSS_网页制作_脚本之家

1.圆角 border-radius XML/HTML Code复制内容到剪贴板 border-radius 属性允许您为元素添加圆角边框! div { width: 200px; height: 100px; padding:20px; border: 1px solid red; border-radius : 25px; } 2.盒阴影 box-shadow XML/HTML Code
www.jb51.net/css/4738...html 2024-5-25

纯CSS3实现圆角效果(含IE兼容解决方法)_css3_CSS_网页制作_脚本之家

如果你觉得上面的写法太复杂,可以使用下面border-radius简写的方法: 复制代码 代码如下: .oddRoundElement { border-radius: 12px 5px 12px 5px; /* or */ border-radius: 12px 5px; } 四个值分别代表的是top-left, top-right, bottom-right, bottom-left四个角。
www.jb51.net/css/1628...html 2024-5-26

css3圆角边框和边框阴影示例_css3_CSS_网页制作_脚本之家

border-radius: 1-4 length|% / 1-4 length|%; -moz-border-radius:10px;支持旧的firefox -webkit-border-radius:10px;支持chrome 按top-left, top-right, bottom-right, bottom-left顺序设置每个 radius 的值。如果省略 bottom-left,则与 top-right 相同。如果省略 bottom-right,则与 top-left 相同。如...
www.jb51.net/css/1620...html 2024-5-28

css3 border-radius属性详解_css3_CSS_网页制作_脚本之家

border-radius:50px0050px; } 画半圆了,关键是把握住宽度和高度的比例关系,先画个矩形,然后设置各个方向的圆角就可以了。注意顺序是从左上角开始的顺时针方向。 1/4圆呢? 1 2 3 4 5 6 7 #demo4{ width:100px; height:100px; background:gray; ...
www.jb51.net/css/5638...html 2024-5-25