css3-圆角矩形的效果
来源:互联网 发布:软件 产品售后承诺书 编辑:程序博客网 时间:2024/06/07 06:27
<!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: black;
}
.box2{
background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#999));
background: -moz-linear-gradient(top,red,blue);
}
.box3{
background-color: blue;
-webkit-box-shadow:3px 3px 5px #000;
-moz-box-shadow: 3px 3px 5px #000;
}
</style>
</head>
<body>
<div class="box1">圆角1</div>
<div class="box2">圆角2</div>
<div class="box3">圆角3</div>
</body>
</html>
0 0
- css3-圆角矩形的效果
- css3-圆角矩形的效果
- CSS3学习笔记1-圆角矩形
- CSS3:垂直居中&圆角矩形
- VS 圆角矩形效果
- JS+CSS实现矩形对象的圆角效果
- UIView的圆角矩形效果 关键是修改layer
- Android带渐变效果的圆角矩形Demo
- CSS3 实现圆角效果
- css3实现圆角效果
- 初识css3 的圆角效果border-radius
- CSS3如何实现圆角的outline效果
- 兼容所有浏览器的CSS3圆角效果
- 小tip: CSS3如何实现圆角的outline效果?
- CSS3 创建圆角边框及矩形添加阴影
- CSS3的过渡效果
- 有趣的css3效果
- css3的动画效果
- HTTP 协议之压缩
- 全方位解析Telerik平台(一)
- 二十三种设计模式
- ios中Block内访问函数局部变量时变量的改变情况
- flash与字符串:双单引号的中文
- css3-圆角矩形的效果
- 操作表常用的sql
- GO linux环境安装
- JS原型与原型链终极详解
- NSString 分类
- PAT-超速判断(简单编程题)
- CentOS7.1 Liberty云平台之环境准备(1)
- Android中的AlarmManager的使用
- Java 定时任务的使用