1、浏览器前缀
| 浏览器前缀 | 浏览器 |
|---|---|
| -webkit- | Google chrome，Safari，android browser |
| -moz- | firefox |
| -o- | Opera |
| -ms- | Internet Explorer,Edge |
| -khtml- | konqueror |
2、背景渐变
语法格式：
background：-webkit-linear-gradient（渐变的起始位置， 起始颜色， 结束颜色）；
background：-webkit-linear-gradient（渐变的起始位置， 颜色 位置， 颜色 位置…）
兼容性问题严重
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.div1{
width: 600px;
height: 200px;
margin: 100px auto;
background: -webkit-linear-gradient(left,red,pink);
}
.div2{
width: 600px;
height: 200px;
margin: 0 auto;
background: -webkit-linear-gradient(left,darkred 0%, red 25%, indianred 50%,orangered 75%,deeppink 100%);
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
606
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
