CSS的表格边框运用什么属性设置【html5教程】,CSS
作者：搜教程发布时间：2019-11-29分类：html教程浏览：29评论：0
导读：表格边框如需在CSS中设置表格边框，请运用border属性。(引荐进修：CSS入门教程)下面的例子为table、th以及td设置了蓝色边框：...
表格边框
如需在 CSS 中设置表格边框，请运用 border 属性。 ( 引荐进修：CSS入门教程 )
下面的例子为 table、th 以及 td 设置了蓝色边框：
<html>
<head>
<style type="text/css">
table,th,td
{
border:1px solid blue;
}
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>
请注意，上例中的表格具有双线条边框。这是因为 table、th 以及 td 元素都有自力的边框。
假如需要把表格显现为单线条边框，请运用 border-collapse 属性。
以上就是CSS的表格边框运用什么属性设置的细致内容，更多请关注ki4网别的相干文章！
标签：CSS
相关推荐
- 纯 CSS 如何实现实现鼠标跟随效果？（代码详解）_html5教程,CSS,鼠标跟随
- 纯 CSS 如何实现实现鼠标跟随效果？（代码详解）_css教程,CSS,鼠标跟随
- CSS 实现拖拽改变布局大小_html5教程,CSS,左右拖拽,布局大小
- CSS 实现拖拽改变布局大小_css教程,CSS,左右拖拽,布局大小
- CSS Modules 详解_html5教程,CSS
- CSS Modules 详解_css教程,CSS
- 使用 CSS 实现一个简单的骨架屏（Skeleton Screen）_html5教程,CSS
- 使用CSS实现皮卡丘_html5教程,CSS
- CSS 中伪类的使用（干货）_html5教程,CSS
- 使用 CSS 实现一个简单的骨架屏（Skeleton Screen）_css教程,CSS
欢迎 你 发表评论:
- html教程排行
-
- 1css如何实现给div添加滚动并隐藏滚动条_html5教程,css,div,滚动条
- 2伪元素“::after”和“::before”的作用分别是什么_html5教程,伪元素,::after,::before
- 3详解CSS3实现弹性布局的方式_html5教程,CSS3,弹性布局,flexbox
- 4css中的content属性该如何使用_html5教程,css,content
- 5CSS开发常用命名_html5教程,css
- 6css如何实现下划线滑动效果_html5教程,css,下划线
- 7css如何修改默认滚动条样式_html5教程,css,滚动条
- 8使用CSS如何绘制五角星？（附代码）_html5教程,CSS,绘制图形
- 9css如何清除默认样式并设置公共样式_html5教程,css,默认样式,公共样式
- 最新文章
- 广而告之
-
简数采集
腾讯云
宝塔系统
阿里云