热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSS边框的宽度怎么指定

本文小编为大家详细介绍“CSS边框的宽度怎么指定”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS边框的宽度怎么指定”文章能帮助大家解决疑

本文小编为大家详细介绍“CSS边框的宽度怎么指定”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS边框的宽度怎么指定”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

可以通过 border-width 属性为边框指定宽度。

为边框指定宽度有两种方式:可以指定长度值,譬如 2px 或 0.1em;可能使用 3 个环节字之一,它们分别是 thin 、medium(默许值) 和 thick。

表明:CSS 不有定义 3 个症结字的具体宽度,以是一个用户代办署理可能把 thin 、medium 和 thick 划分设置为便是 5px、3px 与 2px,而另一个用户署理则分袂设置装备摆设为 3px、2px 与 1px。

以是,我们可以何等设置装备摆设边框的宽度:

p {border-style: solid; border-width: 5px;}

大要:

p {border-style: solid; border-width: thick;}

定义单边宽度

您可以按照 top-right-bottom-left 的轨范配置元素的各边边框:

p {border-style: solid; border-width: 15px 5px 15px 5px;}

下面的例子也能够简写为(何等写法喻为值复制):

p {border-style: solid; border-width: 15px 5px;}

读到这里,这篇“CSS边框的宽度怎么指定”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程笔记行业资讯频道。


推荐阅读
author-avatar
半暖半夏半流年
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有