codecamp

4.3 背景颜色

4.3 背景颜色


在传统的网页设计中,为了在某一要素后面加上背景色,你必须先在要素周围生成表格单元,然后在表格单元中添加颜色。 利用 CSS添加背景色则相当容易。


背景色


利用CSS在网页要素后面加入固定的背景色及图象。

    P.yellow { background-color: #FFFF66 }



The above rule has been applied to this entire paragraph. You can use any of the values we talked about on the previous page: color names, hex numbers, or RGB values.


你甚至可以将要素只加到某一个单词后面。


在IE 3 和 Netscape Communicator中, 第一段文字后的背景色延伸的长度不同.在IE 4中颜色会延伸更多一些,在整个段落后面形成一个较大的方块背景。


(注意:IE 3根本不支持背景色属性。但是它支持背景设置,这种快捷属性也能达到同样的效果。详见第6页。)


你还可以给背景色设定透明属性,也就是说,论背景色原来是什么颜色,都会以透明色显。


背景色的确是太棒了,而如果能给背景加上图,不就更棒了吗?你的梦想可以实现!


4.2 为你的世界添加色彩
4.4 背景图象
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }