css 怎么给div的上部分背景颜色设置为深红色,下部分设置为深红色

html-css020

css 怎么给div的上部分背景颜色设置为深红色,下部分设置为深红色,第1张

CSS不可以同时定义两个背景，不过你可以嵌套一下，比如：在div里面嵌套一个span，然后可以分别设置背景，以达到自己想要的效果。

做渐变的背景，要突破浏览器的限制，建议用图片做，先在PS 里面根据需要（纵向或横向）制作一张渐变的图片，然后，裁切成1px高或宽的条。

然后在设置背景的时候， 横向（repeat-x）或纵向平铺（repeat-y）就可以了。

如果是纵向渐变，就做竖条，横向平铺。横向渐变，就是做横条，纵向平铺就可以了。 就这么简单。

document.writeln("<style type=\"text\/css\">")

document.writeln("<!--")

document.writeln(".topbg {")

document.writeln(" border-right-width: 1px")

document.writeln(" border-top-style: dashed")

document.writeln(" border-right-style: dashed")

document.writeln(" border-right-color: #FF0000")

document.writeln(" border-bottom-width: 1px")

document.writeln(" border-bottom-style: dashed")

document.writeln(" border-bottom-color: #FF0000")

document.writeln(" border-top-width: 1px")

document.writeln(" border-left-width: 1px")

document.writeln(" border-left-style: dashed")

document.writeln(" border-top-color: #FF0000")

document.writeln(" border-left-color: #FF0000")

document.writeln("}")

document.writeln("-->")

document.writeln("<\/style>")

document.writeln("<table width=\"100%\" height=\"24\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=\"\/images\/topbg.gif\" class=\"topbg\">")

document.writeln(" <tr>")

document.writeln(" <td><DIV ")

document.writeln("style=\"MARGIN-TOP: 4pxFONT-SIZE: 12pxCOLOR: #092e20marign-left: 4px\">")

document.writeln(" <div align=\"center\"><A ")

document.writeln("href=\".\/Firefox\/index.html\" style='color:red'")

document.writeln(">系统发现您的浏览器存在安全漏洞、强烈推荐您使用 最安全 的浏 览器: FireFox火狐浏览器2.0,从此远离木马,病毒！<\/A><\/div>")

document.writeln(" <\/DIV><\/td>")

document.writeln(" <\/tr>")

document.writeln("<\/table>")