Rumah  >  Artikel  >  hujung hadapan web  >  css怎么设置表格线

css怎么设置表格线

藏色散人
藏色散人asal
2021-04-12 16:11:224297semak imbas

css设置表格线的方法:首先新建一个html文件;然后使用table标签创建一个两行两列的表格;接着设置table表格的id为testable;最后使用border属性设置表格线为1px的红色线即可。

css怎么设置表格线

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

新建一个html文件,命名为test.html,用于讲解怎样用css控制表格线的颜色。

044826e123c9a04a6b9db6fb222495e.png

在test.html文件内,使用table标签创建一个两行两列的表格,用于测试。

 

45a5d4ad485585a2f2aadf92297bf34.png

在test.html文件内,设置table表格的id为testable,主要用于下面设置样式。

 

f16268ea65e10ac4a123ec602a27c96.png

在test.html文件内,编写标签,页面的css样式将写在该标签内。

f0a3ae71ab5180c7c4e66dc478696bb.png

在css标签内,通过id来设置表格外边框和单元格的样式,使用border属性设置表格线为1px的红色线。

 

8416697be1bb0122a7dd4cdd3b45243.png

在浏览器打开test.html文件,查看实现的效果。

26e2bdcd39a0919ff2d0828b510c814.png

【推荐学习:css视频教程

Atas ialah kandungan terperinci css怎么设置表格线. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css怎么设置input颜色Artikel seterusnya:javascript中string方法有哪些