TA貢獻2012條經驗 獲得超12個贊
<div id="content">CONTENT</div>CONTENT
#content {position:relative}#content:before, #content:after, #content>:first-child:before, #content>:first-child:after {
position:absolute; content:' ';
width:80px; height: 80px;
border-color:red; /* or whatever colour */
border-style:solid; /* or whatever style */}#content:before {top:0;left:0;border-width: 1px 0 0 1px}#content:
after {top:0;right:0;border-width: 1px 1px 0 0}#content>:first-child:before {bottom:0;right:0;border-width: 0 1px 1px 0}#content>:
first-child:after {bottom:0;left:0;border-width: 0 0 1px 1px}
TA貢獻1798條經驗 獲得超3個贊
SVG
這是另一個很好的選擇，如果您現在想要開始使用向量，以允許很好的響應。
<svg viewBox="0 0 100 100" width="50px">
<path d="M25,2 L2,2 L2,25" fill="none" stroke="black" stroke-width="3" />
<path d="M2,75 L2,98 L25,98" fill="none" stroke="black" stroke-width="3" />
<path d="M75,98 L98,98 L98,75" fill="none" stroke="black" stroke-width="3" />
<path d="M98,25 L98,2 L75,2" fill="none" stroke="black" stroke-width="3" />
</svg>
瀏覽器支持
舉報