首页 > HTML 实例

HTML 背景实例

发表于2015-05-27 15:10:48| --次阅读| 来源webkfa| 作者哈哈

摘要:HTML 背景实例
搭配良好的背景和颜色
一个背景颜色和文字颜色搭配良好的例子,使页面中的文字易于阅读。
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>
可用性强的背景图像 2
另一个背景图像和文字颜色使页面文本易于阅读的例子。
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>

相关文章

相关文章

在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京 ICP 证 14034497 号