html 中含有渐变的背景怎么做？

发布网友发布时间：2022-04-22 04:56

共5个回答

热心网友时间：2024-01-18 22:14

　　这位网友你好，楼上那位仁兄的方法不错，可以用内阴影再加上背景颜色做，外加圆角，当然了，低版本IE浏览器是不支持的，最好还是切图吧，分为三部分，上面圆角部分加中间部分垂直平铺再加下面圆角部分。

热心网友时间：2024-01-18 22:14

<html>

<head>

.linear{

width:100%;

height:600px;

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/

background:-moz-linear-gradient(top,#15A216,#fafafa);/*火狐*/

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*谷歌*/

background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */

}

</style>

</head>

<body>

</body>

</html>

热心网友时间：2024-01-18 22:14

-moz-box-shadow:5px 5px 5px #999 inset;
-webkit-box-shadow:5px 5px 5px #999 inset;
box-shadow:5px 5px 5px #999 inset;

热心网友时间：2024-01-18 22:15

还是做成一张图片更好

热心网友时间：2024-01-18 22:16

css3中有这个追问能具体点么