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

如图,这种怎么写出来,是切一个大图,还是用css样式囊写出来,应该怎么做... 如图,这种怎么写出来,是切一个大图,还是用css样式囊写出来,应该怎么做 展开
 我来答
言言言小鱼

2015-02-05 · 小小的鱼儿小小的我,我就是言小鱼。
言言言小鱼
采纳数:1335 获赞数:7608

向TA提问 私信TA
展开全部
  这位网友你好,楼上那位仁兄的方法不错,可以用内阴影再加上背景颜色做,外加圆角,当然了,低版本IE浏览器是不支持的,最好还是切图吧,分为三部分,上面圆角部分加中间部分垂直平铺再加下面圆角部分。
一动出行
2015-02-05 · TA获得超过7760个赞
知道小有建树答主
回答量:1206
采纳率:80%
帮助的人:509万
展开全部

<html> 

<head> 

<title></title> 

<style type="text/css"> 

.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> 

<div class="linear"></div> 

</body> 

</html> 

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
sososo的解答
2015-02-05 · 提供各种美女图片欣赏
sososo的解答
采纳数:142 获赞数:735

向TA提问 私信TA
展开全部
-moz-box-shadow:5px 5px 5px #999 inset;
-webkit-box-shadow:5px 5px 5px #999 inset;
box-shadow:5px 5px 5px #999 inset;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
明知没有理由丷dhdfa
2015-02-05 · TA获得超过486个赞
知道小有建树答主
回答量:545
采纳率:0%
帮助的人:188万
展开全部
还是做成一张图片更好
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-02-05
展开全部
css3中有这个
追问
能具体点么
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式