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

 时间:2026-02-14 01:37:02

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

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

2、选中新建的html文件右击选择记事本打开,手动输入代码:

<html>

<head>

<title>表格背景实例</title>

</head>

<body>

表格背景实例

</body>

</html>

点击左上角文件选项菜单下的保存

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

3、新建二行二例表格,在<body>下方输入代码如下:

<table border="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、给表格添加背景图片,具体代码:<table border="1" background="123.jpg">,其中background表示背景为图像,123.jpg为具体图片

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

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

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

  • html轮播图怎么制作
  • 网页设计HTML中如何插入背景图片
  • html中如何将图片放在右上角
  • html如何把两个网页连接起来
  • 怎样在html网页中插入视频
  • 热门搜索
    溃疡怎么办 香葱的种植方法 方法的近义词 祛痘的方法 剑圣怎么玩 窥字怎么读 末影龙怎么驯服 黑色痘印怎么消除 手机怎么换系统 儿童座椅安装方法