码迷,mamicode.com
首页 >  
搜索关键字:Radius    ( 2156个结果
css属性深入
border-width、border-style、border-color这三个边框属性一般都简写为border属性: border-radius属性是css三中非常常用的一个属性,巧妙运用该属性可以完成很多意想不到的效果。 border-image可用图片作边框。 box-shadow可设置盒阴 ...
分类:Web程序   时间:2016-08-11 20:52:32    阅读次数:125
CSS第四天总结 更多的属性 圆角 边框图片 段落属性 颜色渐变 盒子阴影
圆角边框: border-radius 一个值时表示四个角用的圆半径,4个值时分别是左上角、右上角、左下角、右下角,单位可以是px和百分比,百分比是半径相对于边框长度的比例 在CSS3中我们终于可以快捷地设置圆角,而且通过这个属性我们还可以做出圆、半圆、四分一圆、椭圆等图形。 常用的圆角效果: 两个 ...
分类:Web程序   时间:2016-08-11 17:59:37    阅读次数:183
用css3绘制你需要的几何图形
用css3绘制你需要的几何图形 原文出处:http://www.cnblogs.com/wdlhao/p/5751211.html 1.圆形 示例: 思路:给任何正方形元素设置一个足够大的 border-radius ,就可以把它变成一个圆形.代码如下: html: css: 2、自适应椭圆 思路: ...
分类:Web程序   时间:2016-08-10 15:59:36    阅读次数:311
border-radius的兼容写法大全
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8" /> <title>border-radius的兼容写法大全</title> <meta name="xing.org1^" content="xing.org1^(鋒丫头) ...
分类:其他好文   时间:2016-08-10 06:29:36    阅读次数:190
CSS3阴影 box-shadow的使用总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:Web程序   时间:2016-08-09 13:34:43    阅读次数:210
用css3绘制你需要的几何图形
1、圆形 示例: 思路:给任何正方形元素设置一个足够大的 border-radius ,就可以把它变成一个圆形.代码如下: html: css: 2、自适应椭圆 思路:border-radius 这个属性还有另外一个鲜为人知的真相,它不仅可以接受长度值,还可以接受百分比值。这个百分比值会基于元素的尺 ...
分类:Web程序   时间:2016-08-09 09:20:07    阅读次数:200
对话框以及延伸的时间轴展示
第一个、简单的实现页面的对话框的样式 css代码如下: <style> *{ padding:0; margin:0; } .receiveMessage{ border-radius:4px; background:#fffdfb; padding:50px 15px; width:950px; ...
分类:其他好文   时间:2016-08-08 19:17:57    阅读次数:131
css3实现边框圆角样式
基本语法: border-radius: 5px; 兼容大多数浏览器: /*兼容Mozilla(Firefox, Flock等浏览器)*/ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-r ...
分类:Web程序   时间:2016-08-08 19:17:24    阅读次数:160
几个常用的CSS3样式代码以及不兼容的解决办法
border-radius实现圆角效果 view sourceprint? 1.1 CSS3代码: 2.2 3.3 -webkit-border-radius:10px; 4.4 -moz-border-radius:10px; 5.5 border-radius:10px; 6.6 margin: ...
分类:Web程序   时间:2016-08-08 19:16:52    阅读次数:250
using border-radius to make a worker
using border-radius to make a worker ...
分类:其他好文   时间:2016-08-07 21:21:50    阅读次数:195
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!