html如何给div加边框

html给div加边框的方法：首先新建html页面，并在【

】中写上【

】标签；然后内部嵌套css或者外部引用css文件给div增加样式；接着可以用统一设置边框样式方法；最后用分别设置边框样式方法。

本教程操作环境：windows7系统、html5版，DELL G3电脑，该方法适用于所有品牌电脑。

html给div加边框的方法：

1、新建一个HTML页面。

2、在HTML的中写上<div>标签，打开浏览器会有对应的效果图。<p><img src="https://img.php.cn/upload/image/141/317/122/1614582990612457.png" title="1614582990612457.png" alt="4be78c42a881d5968c2e9457db5d0b8.png"></p> <p><img src="https://img.php.cn/upload/image/606/768/264/1614582994793976.png" title="1614582994793976.png" alt="c46a7a770a7094daa1b9c7fb7eb8410.png"></p> <p>3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式。</p> <p>4、两种增加样式方法:</p> <p>一、统一设置边框样式</p> <p><img src="https://img.php.cn/upload/image/234/143/856/1614583004213775.png" title="1614583004213775.png" alt="3ad38f875761811789cf40192bdd9db.png"></p> <p><img src="https://img.php.cn/upload/image/666/517/246/1614583010947147.png" title="1614583010947147.png" alt="9ba333624968d66d89c09a76dff7757.png"></p> <p>二、分别设置边框样式，规则还是一样的。</p> <p><img src="https://img.php.cn/upload/image/311/102/180/1614583016397895.png" title="1614583016397895.png" alt="f4647e275727a0db59d25be6df6b757.png"></p> <p><img src="https://img.php.cn/upload/image/816/634/736/1614583020396662.png" title="1614583020396662.png" alt="5c8ff4c37c275e7084fd382b84c57c3.png"></p> <blockquote><p><strong>相关学习推荐：</strong><a href="https://www.php.cn/course/list/11.html" target="_blank"><strong>html视频教程</strong></a></p></blockquote> </div>

以上就是html如何给div加边框的详细内容，更多请关注php中文网其它相关文章！