当前位置 : 主页 > 网页制作 > html >

html如何给div加边框

来源:互联网 收集:自由互联 发布时间:2021-08-18
html给div加边框的方法:首先新建HTML页面,并在【body】中写上【div】标签;然后内部嵌套css或者外部引用css文件给div增加样式;接着可以用统一设置边框样式方法;最后用分别设置边框

html给div加边框的方法:首先新建HTML页面,并在【<body>】中写上【<div>】标签;然后内部嵌套css或者外部引用css文件给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加边框的详细内容,更多请关注自由互联其它相关文章!

网友评论