CSS3 线型渐变
2015-08-17 10:22
567 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Linear</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
div {
width: 400px;
height: 100px;
background-color: #0a0;
border-radius: 5px;
background-image: -webkit-linear-gradient(#0c0, #0a0);
background-image: -moz-linear-gradient(#0c0, #0a0);
background-image: -ms-linear-gradient(#0c0, #0a0);
background-image: -o-linear-gradient(#0c0, #0a0);
background-image: linear-gradient(#0c0, #0a0);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html之行间样式和外部样式以及内部样式
- 平常写css网页制作时最实用的九条CSS技巧
- css3新属性（一）
- div+css的前端工程师的价值体现在哪些方面？
- css width
- CSS实现跨浏览器兼容性的盒阴影效果
- 重温 w3cshool css3
- CSS3属性box-flex
- 处理显示列表字段长度过长 页面变型问题
- html+css乱炖
- CSS基础知识整理一
- Dialog对话框的四种显示样式
- css总结
- css3围绕圆形旋转思路
- CSS样式 初学
- 项目实战之玩转div+css制作自定义形状
- CSS Alignment：元素对齐问题
- 使用css保持一定宽高比例
- CSS布局--transform应用（矩形旋转、缩放、倾斜、滚动、3D转换）代码
- 通用 CSS 笔记、建议与指导