表格设计,网页表格设计

 时间: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怎么实现横向导航
  • 热门搜索
    数学手抄报一年级 预防疾病手抄报图片 人间真情手抄报 圣诞节手抄报内容英文 森林防火手抄报内容 知识手抄报 幼儿园手抄报图片 我爱你中国手抄报 数学小故事手抄报 健康手抄报的内容