<body leftmargin="0" topmargin="0" bottommargin="-300px" style="filter:progid:DXImageTransform.Microsoft.Gradient(
startColorStr='#cccccc', endColorStr='#ffffff', gradientType='0')" >
上面这段代码是整个网页背景渐变的代码,这样写的话,如果网页很长,那么渐变的区域也很长,现在我只要网页顶部上面300px的范围内渐变,往下都是单色的,要怎么写代码呢?
给你一个思路,可以做一个高300PX,宽1PX的渐变,充当背景,水平重复。然后把背景设成你想要的颜色就可以了,这样只有300PX高的有渐变……
<body leftmargin="0" topmargin="0" bottommargin="-300px" style="filter:progid:DXImageTransform.Microsoft.Gradient(
startColorStr='#cccccc', endColorStr='#ffffff', gradientType='0')" >
上面这段代码是整个网页背景渐变的代码,这样写的话,如果网页很长,那么渐变的区域也很长,现在我只要网页顶部上面300px的范围内渐变,往下都是单色的,要怎么写代码呢?
使用层容器,顶部放置一个300像素高的容器,使用颜色渐变,下面是一个纯色层~
<div id="top">
...
</div>
<div id="bottom">
...
</div>
CSS代码放置在<style>...</style>之间
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息