Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > css怎么设置表格线

css怎么设置表格线

藏色散人
Lepaskan: 2023-01-05 16:07:30
asal
4368 orang telah melayarinya

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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan