CSS3 1. 圆角 border-radius：边框圆角的圆角半径 四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值：第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两个值：第一个值为左上角与右下角，第二个值为右上角与左下角 一个值：四个圆角 ...
分类：
Web程序 时间：
2016-09-16 12:42:21
阅读次数：
157
前段时间在研究过用CSS来实现画出一个箭头，效果如下： 实际上它是由下面两部分旋转一定角度后得到的。 我今天要讲的红色的这一部分，也就是箭头的尾巴。 1.水平半径和垂直半径 平时我们想要圆角的时候，直接设置的border-radius，像下面这样： border-radius: 10px； 我们将b... ...
分类：
其他好文 时间：
2016-09-15 13:46:22
阅读次数：
332
css代码： /*边框*/ .shadow_border{border: 1px solid #000;padding: 60px; width:100px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;- ...
分类：
Web程序 时间：
2016-09-14 12:33:48
阅读次数：
133
一、简单使用 刚开始，就先不讲一堆标签的意义及用法，先简单看看shape标签怎么用。 1、新建shape文件 首先在res/drawable文件夹下，新建一个文件，命名为：shape_radius.xml 内容是这样的：（先不需要理解，先看shape怎么用） [html] view plaincop ...
分类：
移动开发 时间：
2016-09-13 13:07:46
阅读次数：
255
1.圆角设置 CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、px、百分比等等。 比如,下面是一个div方框（宽高都是200，背景为红色，边框为2px solid #000） ...
分类：
Web程序 时间：
2016-09-13 13:05:41
阅读次数：
159
border-radius 基本语法： border-radius ： none | <length>{1,4} [/ <length>{1,4} ]? 取值范围： <length>： 由浮点数字和单位标识符组成的长度值。不可为负值。 如果你在 border-radius 属性中只指定一个值，那么将 ...
分类：
Web程序 时间：
2016-09-13 11:49:22
阅读次数：
362
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>开锁动画</title> <style type="text/css"> .yuan{ border-radius: 200px; background-color ...
分类：
其他好文 时间：
2016-09-11 20:11:16
阅读次数：
148
SVG如何做圆形图片2016年5月31日17:30:48提到圆形图片，大家首先想到的一定是border-radius，但在SVG中这些方法很难起效，下面方法适合SVG中制作任意规则与不规则的图形。原图：效果：方法一（SVG原生方法）： SVG圆角效果 --> 方法二（... ...
分类：
其他好文 时间：
2016-09-09 13:38:57
阅读次数：
659
下面列出本站关于CSS3的相关链接，以方便大家阅读： 第一节：《CSS3 Gradient》 第二节：《CSS3 RGBA》 第三节：《CSS3 Border-radius》 第四节：《CSS3 Text-shadow》 第五节：《CSS3 Box-shadow》 第六节：《CSS3 Transfo ...
分类：
Web程序 时间：
2016-09-07 20:41:48
阅读次数：
248
在mac下的chrome,对于select元素会默认有一个border-radius，当然有些情况下并不需要圆角，所以就要去掉。 比较常用的方法是： 但是这个方法有个缺点，因为要浏览器默认样式全部干掉了，所以右边原本的上下箭头也没了，所以推荐另外一种方案： 这种方法的效果就比较完美。 ...
分类：
Web程序 时间：
2016-09-05 19:27:11
阅读次数：
464
