css怎么设置表格线

藏色散人
Libérer: 2023-01-05 16:07:30
original
4244 Les gens l'ont consulté

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视频教程

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!