表格设计,网页表格设计

 时间:2024-10-11 19:15:36

1、为了讲解网页表格的使用方法,以下面的表格为案例进行编写和讲解

表格设计,网页表格设计

2、打开编辑器,在网页的<body>标签内插入<table>标签,属性border显示边框

表格设计,网页表格设计

3、使用<tr>行和<td>表格进行创建5行3列的表格

表格设计,网页表格设计
表格设计,网页表格设计

4、每个网格添加数据,表格里的文字

表格设计,网页表格设计

5、设置表格的宽度和表格的间距的距离,分别使用cellspacing和width属性

表格设计,网页表格设计

6、给表格的第一行添加灰色背景,字体大小设置

表格设计,网页表格设计
表格设计,网页表格设计

7、总结: 在使用表格时候,首先确定表格的行和列数,在对每个部分进行使用标签对属性进行修改

  • 在css中如何设置左浮动和右浮动?
  • 怎么用css选择ul里最后一个li里面的a元素
  • HTML教程 video(视频标签)标签
  • 用UL+LI+CSS制作横排导航
  • html+css怎么实现横向导航
  • 热门搜索
    礼仪手抄报图片 四年级手抄报图片大全 关于的手抄报图片 读书月手抄报 感念师恩手抄报 有关于环保的手抄报 初中手抄报版面设计 节约用水用电手抄报 数学园地手抄报 孝德手抄报内容