div周围的半边界
[英]Semi border around div
问题描述
我是CSS新手，需要帮助：-我想要div中某些位置的半边框，如图所示。 有人可以告诉我该怎么做。
2 个解决方案
解决方案1
4 2016-10-04 00:29:02
您使用<fieldset>和HTML元素<legend>
见下面的例子
fieldset { border-radius: 5px; }
<fieldset> <legend>Contact:</legend> Name:<input type="text"> <br> Email:<input type="text"> </fieldset>
解决方案2
4
您可以在容器周围应用边框并填充文本的背景，以使轮廓被切除，如下所示：
<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>
半倾斜div边框
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.