HTML通过为表格添加border属性来添加边框的案例

发布时间：2020-10-26 10:05:05 作者：小新
来源：亿速云阅读：127

小编给大家分享一下HTML通过为表格添加border属性来添加边框的案例，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

HTML可以通过为表格添加border属性来添加边框。

示例：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>   
                <table width="400" border="1" cellspacing="0" cellpadding="0"> 
                <tr> 
                <td >示例</td> 
                <td >网址</td> 
                <td >示例</td> 
                </tr> 
                <tr> 
                <td>示例</td> 
                <td>示例</td> 
                <td>示例</td> 
                </tr> 
                <tr> 
                <td>示例</td> 
                <td>示例</td> 
                <td>示例</td> 
                </tr> 
                </table>        
</body>
</html>

效果图：

HTML通过为表格添加border属性来添加边框的案例

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width：规定边框的宽度。
border-style：规定边框的样式。
border-color：规定边框的颜色。

以上是HTML通过为表格添加border属性来添加边框的案例的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

HTML通过为表格添加border属性来添加边框的案例

相关阅读