css如何给html div设置边框

发布时间:2022-01-19 18:11:51 作者:kk
来源:亿速云 阅读:334

这篇文章主要为大家分析了css如何给html div设置边框的相关知识点,内容详细易懂,操作细节合理,具有一定参考价值。如果感兴趣的话,不妨跟着跟随小编一起来看看,下面跟着小编一起深入学习“css如何给html div设置边框”的知识吧。

用到元素和css花式

1、html标签:
div

2、css边框花式属性:
border

3、配置单边边框:
border-left —— 左边框
border-right —— 右侧框
border-top ——上边框
border-bottom ——下边框

4、设置边框粗细

border-width:2px —— 边框粗细宽度为2px
border:2px —— 缩写——边框粗细宽度为2px
border-bottom-width:4px ——单设下边框宽度粗细为4px

5、设置边框线体名堂与经常使用边框border缩写代码
border-bottom:1px solid #F00
单设对象下边框1px实线血色边框。

border:2px dashed #F00
设置装备摆设边框(4条边)赤色2px宽度(厚度)虚线边框花色

css的三种引入方式

1.行内样式,最直接最简单的一种,直接对HTML标签使用style=""。2.内嵌样式,就是将CSS代码写在之间,并且用

进行声明。3.外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上

就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@import样式导入CSS样式表,不建议使用。

关于“css如何给html div设置边框”就介绍到这了,更多相关内容可以搜索亿速云以前的文章,希望能够帮助大家答疑解惑,请多多支持亿速云网站!

推荐阅读:
  1. css给边框添加图像的方法是什么
  2. html怎么给div加边框

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css html div

上一篇:HTML5 audio标签使用js进行播放控制实例

下一篇:css中stringify方法怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》