HTML 背景实例
摘要:HTML 背景实例
搭配良好的背景和颜色
一个背景颜色和文字颜色搭配良好的例子,使页面中的文字易于阅读。
搭配得不好的背景和颜色
一个背景颜色和文字颜色搭配得不好的例子,使页面中的文字难于阅读。
可用性强的背景图像
背景图像和文字颜色使页面文本易于阅读的例子。
可用性强的背景图像 2
另一个背景图像和文字颜色使页面文本易于阅读的例子。
可用性差的背景图像
背景图像和文字颜色使页面文本不易阅读的例子。
一个背景颜色和文字颜色搭配良好的例子,使页面中的文字易于阅读。
html代码
运行代码
<html> <body bgcolor="#d0d0d0"> <p> 这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。 </p> <p> 这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。 </p> </body> </html>
一个背景颜色和文字颜色搭配得不好的例子,使页面中的文字难于阅读。
html代码
运行代码
<html> <body bgcolor="#ffffff" text="yellow"> <p> 这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。 </p> <p> 这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。 </p> </body> </html>
背景图像和文字颜色使页面文本易于阅读的例子。
html代码
运行代码
<html> <body background="http://www.w3school.com.cn/i/eg_bg_06.gif"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果图像小于页面,图像会进行重复。</p> </body> </html>
另一个背景图像和文字颜色使页面文本易于阅读的例子。
html代码
运行代码
<html> <body background="http://www.w3school.com.cn/i/eg_bg_04.gif"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果图像小于页面,图像会进行重复。</p> </body> </html>
背景图像和文字颜色使页面文本不易阅读的例子。
html代码
运行代码
<html> <body background="http://www.w3school.com.cn/i/eg_bg_01.gif"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p> <p>如果图像小于页面,图像会进行重复。</p> </body> </html>
相关文章