Mafano ya kina ya kipya ya HTML

好的背景使站点看上去特别棒。

实例

搭配良好的背景和颜色
一个背景颜色和文字颜色搭配良好的例子，使页面中的文字易于阅读。
搭配得不好的背景和颜色
一个背景颜色和文字颜色搭配得不好的例子，使页面中的文字难于阅读。

（可以在本页底端找到更多实例。）

背景（Backgrounds）

拥有两个配置背景的标签。背景可以是颜色或者图像。

背景颜色（Bgcolor）

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

bgcolor="#000000">
bgcolor="rgb(0,0,0)">
bgcolor="black">

以上的代码均将背景颜色设置为黑色。

背景（Background）

背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。

background="clouds.gif">
background="http://www.codew3c.com/clouds.gif">

URL可以是相对地址，如第一行代码。也可以使绝对地址，如第二行代码。

提示：如果你打算使用背景图片，你需要紧记一下几点：

  • 背景图像是否增加了页面的加载时间。小贴士：图像文件不应超过 10k。
  • 背景图像是否与页面中的其他图象搭配良好。
  • 背景图像是否与页面中的文字颜色搭配良好。
  • Picha inayotukia kina kwa sababu ya uharibifu wa tovuti hii, inaelewa bora?
  • Inasikia mabara ya mabara inayopita kwa mabara ya mabara ya mabara inayotukia kina?

Vifaa msingi - Mifanikio ya kina:

Vifungo vya mabara wa <body> ya mabara (bgcolor), mabara (background) na mabara wa matukio (text) katika standara ya HTML ya kirefu (HTML4 na XHTML) yameongezwa. W3C imemaliza vifungo hivi katika mafanikio yao ya kirefu.

Inafaa kutumia Tovuti ya Mabara wa Kina (CSS) kuandaa muundo na matumizi ya hatua ya elementi ya HTML.

Mafanikio ya Kina

Picha ya Mabara inayowahatika
Mfano wa Picha ya Mabara na Rika ya Wengi inayowahatika ukinaofikia wa matukio ya tovuti hii.
Picha ya Mabara inayowahatika 2
Mfano mwingine wa Picha ya Mabara na Rika ya Wengi inayowahatika ukinaofikia wa matukio ya tovuti hii.
Picha ya Mabara inayohatarisha usababu wa tovuti hii
Mfano wa Picha ya Mabara na Rika ya Wengi inayowahatarisha ukinaofikia wa matukio ya tovuti hii.