📜  如何在 CSS 中设置底部边框的宽度?

📅  最后修改于: 2021-09-01 02:46:46             🧑  作者: Mango

我们可以使用border-bottom-width CSS 属性设置底部边框的宽度。我们可以以像素为单位给出大小,也可以给出预定义的值,例如厚、薄……等。

方法一:

  • 我们将在标签内使用内联 CSS。
  • 我们将使用border-color border-style属性来明确定义边框。
  • 我们可以使用border-bottom-width属性给出底部边框的宽度。

例子:

HTML



    Width Bottom Border CSS


  

    GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE


HTML



Width Bottom Border CSS
    


  

GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE

  

GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE

  

GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE


输出:

边框底宽

方法二:

  • 我们在 style 标签中使用了 CSS,也称为Internal CSS
  • 我们可以使用以像素为单位的 border-bottom-width和预定义的值(如细、粗等)来给出底部边框的宽度。

例子:

HTML




Width Bottom Border CSS
    


  

GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE

  

GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE

  

GFG FOR INTERVIEW PREPARATIONS AND MUCH MORE

输出:

边框底宽厚