简单设计表格的大小,边框以及颜色等介绍

 时间:2026-04-24 05:47:34

1、新建html文档。

简单设计表格的大小,边框以及颜色等介绍

2、在<head>

    </head>中加入<style type="text/css">

                            </style>,方便设计表格样式。

                               

简单设计表格的大小,边框以及颜色等介绍

3、在<body>

    </body>中加入<table>

                           </table>表格标签。

简单设计表格的大小,边框以及颜色等介绍

4、 构建表格框架。其中<tr>  </tr>表示行,<td></td>表示列, <th></th>表示表头。(此处设定的是2个表头,3行2列)

简单设计表格的大小,边框以及颜色等介绍

5、输入表格的内容。

简单设计表格的大小,边框以及颜色等介绍

6、再将

 table,td,th

    {

      border:2px solid  #F0F;  

    }

插入到

    <style type="text/css">

    </style>中。其中,border:2px是边框宽度,后面的是颜色。

简单设计表格的大小,边框以及颜色等介绍

7、效果图。

简单设计表格的大小,边框以及颜色等介绍

  • 在CAD中怎么进行文字垂直【上】方向的设置?
  • 图纸标注样式自定义方法
  • AutoCAD中块的最快生成技巧
  • CAD图文档添加删除超链接
  • 乒乓球换庄打法怎么打?
  • 热门搜索
    微笑用英语怎么说 喜德来家具怎么样 怎么给c盘增加空间 孩子感冒鼻子不通气怎么办 出虚汗怎么办 迈克尔杰克逊是怎么死的 仝字怎么读 眼睛有红血丝怎么办 眼睛的睛怎么组词 时风电动汽车怎么样