网页的背景图片怎么设置渐变啊。菜鸟。谁给个具体命令啊。 网站是动易的，用CSS
2个回答
展开全部
它背景原来就是用一张渐变的图片，而不是用命令的。通常的做法是做一张宽度为1像素，高度比浏览器高度大（具体高多少自己定，例如2000像素）的从上往下渐变的图片，当做背景图片，设置背景图片x方向重复（横向重复）显示，就可以了。例如：<body background="bg.jpg" style="background-repeat:repeat-x;">
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。博思a...
点击进入详情页
本回答由博思aippt提供
展开全部
国家图书馆的网站是用图片的，然后用一个整体的颜色，例如：background:url(../image/stars-grad.png) repeat-x top center #1a1a1a;
现在css3里不是有这个属性嘛，只是不兼容ie浏览器而已
例如：
<style type="text/css">
.gradient{
width:300px; height:150px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
background:red; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); /*FF*/
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5))); /*chrome/Safari*/
}
</style>
<div class="gradient">123</div>
现在css3里不是有这个属性嘛，只是不兼容ie浏览器而已
例如：
<style type="text/css">
.gradient{
width:300px; height:150px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
background:red; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); /*FF*/
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5))); /*chrome/Safari*/
}
</style>
<div class="gradient">123</div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
