📜  如何使用CSS在中间制作带有单词的水平线?

📅  最后修改于: 2021-08-30 02:26:38             🧑  作者: Mango

CSS提供了在网页中间制作包含文字或图像的水平线的功能,以使其更具吸引力。这可以通过使用简单的 CSS 属性来实现。

句法:

h4:before, h4:after {
     content: "";
     flex: 1 1;
     border-bottom: 2px solid #000;
     margin: auto;
}

示例 1:制作一条水平线,中间有单词


  

    

  

    

GeeksforGeeks

  

输出 :

示例 2:在图像中间制作一条水平线


  

    

  

    

  

  

输出: