2016-10-04 119 views
-1

我是新来的CSS,我需要帮助: - 我想在图像中显示div的某些位置的半边框。有人可以告诉我该怎么做。围绕div的半边框

Semi Border

+0

如果我的回答帮助,请考虑将其标记为接受的:) –

回答

4

您使用<fieldset>和HTML元素<legend>

见下

fieldset { 
 
    border-radius: 5px; 
 
}
<fieldset> 
 
    <legend>Contact:</legend> 
 
    Name:<input type="text"> 
 
    <br> 
 
    Email:<input type="text"> 
 
</fieldset>

4

例如您可以将边框容器周围,填充背景的文字,所以大纲是c UT斯达康过这样的:

<html> 
 
    <style> 
 
    #text { 
 
     position: absolute; 
 
     background: white; 
 
     top: -15px; 
 
     left: 10px; 
 
     padding: 5px; 
 
    } 
 
    #con { 
 
     margin: 20px; 
 
     width: 300px; 
 
     height: 500px; 
 
     position: relative; 
 
     border: 5px solid red; 
 
     border-radius: 5px; 
 
    } 
 
    </style> 
 
    <body> 
 
    <div id="con"> 
 
     <div id="text"> SEMI BORDER ? </div> 
 
    </div> 
 
    </body> 
 
</html>