角材料MD-分频器

Question

是否有可能得到一个按钮上有点像这样的MD-分压器的顶部：

Answer 1

这是无关的角度，你可以通过纯修复CSS：

body{ 
 
       background-color: #E0E0E0; 
 
       text-align: center; 
 
      } 
 
      h1{ 
 
       font-size: 75px; 
 
      } 
 
      hr{ 
 
       width: 85%; 
 
      } 
 
      .buttons{ 
 
       display:inline-block; 
 
       position:relative; 
 
       top:-20px; 
 
       background-color: green; 
 
       color: white; 
 
       padding: 5px; 
 
       border: 1px solid green; 
 
       border-radius: 50px; 
 
       text-align: center; 
 
      } 
 
      .buttons:hover{ 
 
       background-color: #C4C4C4; 
 
       border: 1.5px solid #171717; 
 
      }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> 
 

 
<h1>Button on top of line</h1> 
 
    <hr> 
 
    <span class="buttons fa fa-plus"></span>

你可以给你的Md-divider类和用它来代替我小时的例子。但你明白了吗？

重点是使用定位与负面的顶部。