189 8069 5689

html如何设置td样式

要设置HTML表格(table)中单元格(td)的样式,可以使用内联样式、内部样式表或外部样式表,下面分别介绍这三种方法:

1、使用内联样式:在每个td标签中直接添加style属性,设置样式。

单元格1 单元格2
单元格3 单元格4

2、使用内部样式表:在head标签内创建一个style标签,然后在其中定义td的样式。




  


  
单元格1 单元格2
单元格3 单元格4

3、使用外部样式表:在head标签内创建一个link标签,引入外部CSS文件,创建一个名为style.css的文件,内容如下:

td {
  backgroundcolor: red;
  color: white;
}

然后在HTML文件中引入该CSS文件:




  


  
单元格1 单元格2
单元格3 单元格4

以上就是三种设置HTML表格中单元格样式的方法。


分享名称:html如何设置td样式
当前链接:http://cdxtjz.cn/article/djdjhgi.html

其他资讯