养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

静态网页中如何给表格添加背景颜色或图像

时间:2024-09-25 05:33:40

我们经常看到网页表格中有不同的背景颜色,还有的表格背景是张图片,这些功能都是如何设置实现的呢?

工具/原料

宽带上网

电脑

方法/步骤

1、打开电脑在桌面空闲位置鼠标右键,新建一个记事文本并命名为:表格背景.html,按回车确认

静态网页中如何给表格添加背景颜色或图像

2、选中新建的html文竭惮蚕斗件右击选择记事本打开,手动输入代码:<html><head><稆糨孝汶;title>表格背景实例</title></head><body>表格背景实例</body></html>点击左上角文件选项菜单下的保存

静态网页中如何给表格添加背景颜色或图像

3、新建二行二例表格,在<bod鲻戟缒男y>下方输入代码如下:<tableborder="1"><tr>稆糨孝汶;<td>表格背景实例1</td><td>表格背景实例2</td></tr><tr><td>表格背景实例3</td><td>表格背景实例4</td></tr></table>其中,border标签表示表格边框,tr为行,td为列,点击保存

静态网页中如何给表格添加背景颜色或图像

4、双击桌面表格背景.html文件,打开页面显示二行二列表格

静态网页中如何给表格添加背景颜色或图像

5、给表格添加背景颜色,在<table>里添加代码:bgcolor="red",其中bgcolor表示背景标签,red为红色

静态网页中如何给表格添加背景颜色或图像

6、回到桌面双击html文件,页面显示背景是红色的二行二列表格

静态网页中如何给表格添加背景颜色或图像

7、给表格添加背景图片,具体代码:<tableb艺皱麾酪order="1"background="1婷钠痢灵23.jpg">,其中background表示背景为图像,123.jpg为具体图片

静态网页中如何给表格添加背景颜色或图像

8、回到桌面双击html文件,页面显示背景是图片的二行二列表格

静态网页中如何给表格添加背景颜色或图像

© 一点知识