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

2025-11-05 07:53:55

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢