您的位置:首页 > 技术中心 > 前端框架 >

html如何给div加边框

时间:2022-02-11 16:26

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加边框的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游