圍繞div的半邊框

-1

我是新來的CSS，我需要幫助： - 我想在圖像中顯示div的某些位置的半邊框。有人可以告訴我該怎麼做。圍繞div的半邊框

2016-10-04 user31823

如果我的回答幫助，請考慮將其標記爲接受的:) –

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

見下

fieldset { 
 
    border-radius: 5px; 
 
}

<fieldset> 
 
    <legend>Contact:</legend> 
 
    Name:<input type="text"> 
 
    <br> 
 
    Email:<input type="text"> 
 
</fieldset>

來源

2016-10-04 00:29:02

例如您可以將邊框容器周圍，填充背景的文字，所以大綱是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>

來源

2016-10-04 00:32:13

圍繞div的半邊框

回答

相關問題