永发信息网

背景部分渐变的代码是什么?

答案:3  悬赏:0  手机版
解决时间 2021-07-30 18:19
  • 提问者网友:抽煙菂渘情少年
  • 2021-07-30 06:20

<body leftmargin="0" topmargin="0" bottommargin="-300px" style="filter:progid:DXImageTransform.Microsoft.Gradient(
startColorStr='#cccccc', endColorStr='#ffffff', gradientType='0')" >

上面这段代码是整个网页背景渐变的代码,这样写的话,如果网页很长,那么渐变的区域也很长,现在我只要网页顶部上面300px的范围内渐变,往下都是单色的,要怎么写代码呢?

最佳答案
  • 五星知识达人网友:罪歌
  • 2021-07-30 07:26

给你一个思路,可以做一个高300PX,宽1PX的渐变,充当背景,水平重复。然后把背景设成你想要的颜色就可以了,这样只有300PX高的有渐变……

全部回答
  • 1楼网友:十年萤火照君眠
  • 2021-07-30 09:51

<body leftmargin="0" topmargin="0" bottommargin="-300px" style="filter:progid:DXImageTransform.Microsoft.Gradient( startColorStr='#cccccc', endColorStr='#ffffff', gradientType='0')" >

上面这段代码是整个网页背景渐变的代码,这样写的话,如果网页很长,那么渐变的区域也很长,现在我只要网页顶部上面300px的范围内渐变,往下都是单色的,要怎么写代码呢?

  • 2楼网友:鱼芗
  • 2021-07-30 08:21

使用层容器,顶部放置一个300像素高的容器,使用颜色渐变,下面是一个纯色层~

<div id="top">

...

</div>

<div id="bottom">

...

</div>

CSS代码放置在<style>...</style>之间

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯