HTML:如何使用HTML& CSS使用边框或框 [英] HTML : How to make a curve like this using HTML & CSS using border or box

问题描述

<div style="position:absolute; color:#E0922F; border-style:solid; height:140px; width:360px; "></div>

请教我如何像使用css那样使直线的曲线中间

Please teach me how to make a curve middle of straight like using css

推荐答案

您可以尝试这样

.red-box{
  border:3px solid #E0922F;
  display:block;
  width:360px;
  height:140px;
  position:relative;
}
div.left {
  border: 3px solid #E0922F;
  display: inline-block;
  position:absolute;
  right:-3px;
  top:50px;
  border-right:3px solid #fff;
  background:#fff;
}
.left {
  height: 40px;
  width: 20px;
}


.left {
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
}

<div class="red-box">
  <div class="left"></div>
</div>

这篇关于HTML:如何使用HTML& CSS使用边框或框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！