CSS 边框宽度

蔚落 2022-11-13 04:27 203阅读 0赞

# CSS 边框宽度 #

![在这里插入图片描述][20210325181440492.gif]

<!DOCTYPE html>
    <html>
    <head>
    <style> p.one { border-style: solid; border-width: 5px 20px; /* 上、下边框 5 像素，左、右边框 20 像素 */ } p.two { border-style: solid; border-width: 20px 5px; /* 上、下边框 20 像素，左、右边框 5 像素 */ } p.three { border-style: solid; border-width: 25px 10px 4px 35px; /* 上 25 像素、右 25 像素、下 4 像素、左 35 像素 */ } </style>
    </head>
    <body>
    
    <h1>border-width 属性</h1>
    
    <p>border-width 属性可接受一到四个值（依次对应上、右、下、左边框）：</p>
    
    <p class="one">一些文本。</p>
    <p class="two">一些文本。</p>
    <p class="three">一些文本。</p>
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70]

[20210325181440492.gif]: /images/20221022/84e40d4877f447d29e937b0e169205e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210325181427188.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS给元素添加边框（样式、颜色、宽度）

给元素添加边框 CSS边框属性允许你指定一个元素边框的样式和颜色, 和边框宽度。可以使用 border 属性将边框样式,颜色,和宽度一起设置。如果不设置其中

梦里梦外;/ 2024年03月29日 16:02/ 0 赞/ 123 阅读

相关 div边框拖拽改变宽度

css盒子如下图： ![8cd51f258a9f76172975385572da29a1.png][] 注意：刚开始测试效果不是很好，原因行内块元素之间有缝隙消除行

r囧r小猫/ 2023年10月06日 21:58/ 0 赞/ 24 阅读

相关 css边框圆角(css边框圆角实例)

用CSS制作边框圆角线 css没有这个功能，只有用背景图来实现 ![css边框圆角(css边框圆角实例)\_css边框圆角(css边框圆角实例)][css_css_cs

不念不忘少年蓝@/ 2023年09月26日 13:14/ 0 赞/ 157 阅读

相关 css圆角边框(css圆角边框无效)

纯CSS制作圆角边框的代码是什么? \xsnazzy h1, \xsnazzy h2, \xsnazzy p \{margin:0 10px; letter-spacin

野性酷女/ 2023年09月26日 13:09/ 0 赞/ 26 阅读

相关 CSS 边框宽度

CSS 边框宽度 ![在这里插入图片描述][20210325181440492.gif] <!DOCTYPE html> <html> <hea

蔚落/ 2022年11月13日 04:27/ 0 赞/ 204 阅读

相关 CSS 边框

CSS 边框 ![在这里插入图片描述][20210325175954268.gif] > CSS 边框样式 > border-style 属性指定要显示的边框类型。

灰太狼/ 2022年11月13日 04:26/ 0 赞/ 229 阅读

相关 CSS将边框border设定到宽度和高度中

> 今天偶遇一个css方面的问题，因为以前也为该问题苦恼过，今天得到了解决方案，而且答案很简单，就是给css加上一个属性就搞定了，由于该属性平时很少用，为了方便以后查看，特此记

绝地灬酷狼/ 2022年07月15日 04:43/ 0 赞/ 821 阅读

相关【CSS】边框

CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_

淩亂°似流年/ 2022年04月01日 02:51/ 0 赞/ 379 阅读

相关 css边框

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

妖狐艹你老母/ 2021年12月11日 02:23/ 0 赞/ 447 阅读

相关 CSS边框

边框每个边框有 3 个方面：宽度、样式，以及颜色。 ![aHR0cHM6Ly93czEuc2luYWltZy5jbi9sYXJnZS8wMDZReW4yUWx5MWc

雨点打透心脏的1/2处/ 2021年10月19日 10:18/ 0 赞/ 496 阅读