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

 时间:2024-11-12 18:11:23

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

工具/原料

宽带上网

电脑

方法/步骤

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文件,页面显示背景是图片的二行二列表格

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

html轮播图怎么制作 网页设计HTML中如何插入背景图片 html中如何将图片放在右上角 html如何把两个网页连接起来 怎样在html网页中插入视频
热门搜索
树简笔画图片大全 bl高h漫画 歼20图片 耽美漫画在线观看 行尸走肉漫画