如何在 CSS 中设置下边框的宽度？

原文:https://www . geeksforgeeks . org/如何设置 css 中的下边框宽度/

我们可以使用 边框-底部-宽度 CSS 属性设置底部边框的宽度。我们可以给出像素大小，也可以给出预定义的值，如厚，薄等。

方法 1:

示例:

超文本标记语言

*<!DOCTYPE html>
<html>
<head>
    <title>Width Bottom Border CSS</title>
</head>
<body>
  <h1 style="border-color : red ;
             border-style : solid ;
             border-bottom-width : 100px ;">
    GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE</h1>
</body>
</html>*

输出:

*

边框底部宽度*

方法 2:

  • 我们在样式标签中使用了 CSS，也称为 【内部 CSS】。
  • 我们可以使用 边框-底部-宽度 以像素为单位给出底部边框的宽度，以及预定义的值，如细、粗等。

示例:

超文本标记语言

*<!DOCTYPE html>
<html>
<head>
<title>Width Bottom Border CSS</title>
    <style>
        h1{
            border-color:green;
            border-style:solid;
            border-bottom-width:70px ;
        }
        h2{
            border-color:rgb(224, 238, 23);
            border-style:solid;
            border-bottom-width:thin  ;
        }
        h3{
            border-color:rgb(23, 123, 238);
            border-style:solid;
            border-bottom-width:thick  ;
        }
    </style>
</head>
<body>
  <h1>GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE</h1>
  <h2>GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE</h2>
  <h3>GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE</h3>
</body>
</html>*

输出:

*

边框底宽厚*

版权属于：月萌API www.moonapi.com，转载请注明出处

本文链接：https://moonapi.com/news/7961.html