div框的背景颜色 可是渐变的吗
7个回答
展开全部
当然可以了。代码也下:
<style>
.div1{ margin:0px; height:100px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0'}/*从上到下渐变*/
.div2{ margin:0px; height:100px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1'}/*从左到右渐变*/
</style>
<div class="div1"></div>
<div class="div2"></div>
<style>
.div1{ margin:0px; height:100px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0'}/*从上到下渐变*/
.div2{ margin:0px; height:100px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1'}/*从左到右渐变*/
</style>
<div class="div1"></div>
<div class="div2"></div>
来自:求助得到的回答
展开全部
可以是可以,不过兼容性不强只支持很少部分的浏览器
下面是实例
<div style="border-top: 8px solid #000;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">在Firefox浏览器里能看到边框颜色渐变效果</div>这个只能在ff下看到渐变
通常情况你还是用图片解决吧,做图的时候就要考虑到自动伸展的问题就行了
下面是实例
<div style="border-top: 8px solid #000;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">在Firefox浏览器里能看到边框颜色渐变效果</div>这个只能在ff下看到渐变
通常情况你还是用图片解决吧,做图的时候就要考虑到自动伸展的问题就行了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可是可以,但现在很多浏览器不支持,建议先做出一个渐变图在截下来当背景就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不能是渐变,只能是纯颜色的,但是你可以做成渐变的背景图片
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以是可以。 但兼容性和不好。 还是建议使用图片代替! 希望采纳!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询