以下是为您整理出来关于【css圆角】合集内容，如果觉得还不错，请帮忙转发推荐。
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)来源：互联网 作者：佚名 时间：03-28 14:17:14 【大中小】border-radius：用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari 3支持该属性。-webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核； -moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候...
<html> <div class="sanjiao active"> <i class="el-icon-star-on"></i> </div></html><style>.sanjiao{ border: 30px solid #ccc; border-left: 30px solid transparent; border-bottom: 30px solid transparent; border-top-right-radius: 5px; content: ""; width: 0; position: relative; .el-icon-star-on{ position: absolute; top:-20px; right:-23px; color:#fff; font-size: 20px; ...
CSS代码：-moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */ 原文：http://www.cnblogs.com/s0611163/p/4603953.html
<html><head><title>河北礼品公司</title></head><style> #test {border:1px solid #ccc;background:#fff;padding:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}</style><body><div id="test">我是一只怎么也飞不动的小鸟~<br>请使用火狐或Chrome测试!</div></body></html> 原文：http://www.cnblogs.com/youtianxia/p/3833529.html
<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>纯css圆角</title><style type="text/css">#xsnazzy h1,#xsnazzy h2,#xsnazzy p{margin:0 10px;letter-spacing:1px;}#xsnazzy h1{font-size:2.5em;color:#fff;}#xsnazzy h2{font-size:2em;color:#06a;border:0;}#xsnazzy p{padding-bottom:0.5em;}#xsnazzy h2{padding-top:0.5em;}#xsnazzy{background:transparent;margin:1em;}.xtop,.xbottom{background:t...
绘出圆角：1、下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的Content-Type的HTML文件：iecss3.rar；.htc 文件是IE内核支持Web行为后用来描述此类行为的脚本文件。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素 上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX ...
原文:纯代码利用CSS3 圆角边框和盒子阴影 制作 iphone 手机效果大家好，我是小强老师。 今天我们看下CSS3最为简单的两个属性。 css3给我们带来了很多视觉的感受和变化，以前的图片做的事情，很多代码都能实现。 下面给大家简单介绍两种最为常见的圆角边框和盒子阴影，同时附上一个iphone 手机效果，提供大家练习。1.border-radius 圆角矩形 语法格式： border-radius: 水平半径/垂直半径 只不过我们平时都把后面的这个垂直半...
.someClassName{width:300px; display: inline-block; padding: 5px 10px 6px; text-decoration: none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer;} 原文：http://www.c...
一、边框圆角borderborder-radius:10px 0px 0px 0px; //先从左上角开始border-radius:30px;//也可只写一个 二、阴影 1.盒子的阴影 box-shadow box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];X轴偏移量 Y轴偏移量 是必填项 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越糊； 阴影扩展半径：此参数可选，其值可以...
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css圆角特效</title> <style> div{ text-align: center; font-size: 32px; width: 100px; color: white; padding: 10px; margin: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .box1{ background-color: bla...