首页  >  文章  >  web前端  >  html如何给div加边框

html如何给div加边框

coldplay.xixi
coldplay.xixi原创
2021-03-01 15:17:4644392浏览

html给div加边框的方法:首先新建HTML页面,并在【<body>】中写上【<div>】标签;然后内部嵌套css或者外部引用css文件给div增加样式;接着可以用统一设置边框样式方法;最后用分别设置边框样式方法。

html如何给div加边框

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

html给div加边框的方法:

1、新建一个HTML页面。

3a91c181923977886a0e49400fa9fb0.png

2、在HTML的<body>中写上<div>标签,打开浏览器会有对应的效果图。

4be78c42a881d5968c2e9457db5d0b8.png

c46a7a770a7094daa1b9c7fb7eb8410.png

3、内部嵌套css或者外部引用css文件(一般外部引用),给div增加样式。

4、两种增加样式方法:

一、统一设置边框样式

3ad38f875761811789cf40192bdd9db.png

9ba333624968d66d89c09a76dff7757.png

二、分别设置边框样式,规则还是一样的。

f4647e275727a0db59d25be6df6b757.png

5c8ff4c37c275e7084fd382b84c57c3.png

相关学习推荐:html视频教程

以上是html如何给div加边框的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn