做一个半梯形形状的div

最新推荐文章于 2022-06-06 13:27:54 发布

不净之心

最新推荐文章于 2022-06-06 13:27:54 发布

阅读量1k

点赞数

分类专栏：前台&美工

本文链接：https://blog.csdn.net/pyzheng/article/details/84735236

版权

前台&美工专栏收录该内容

118 篇文章 1 订阅

订阅专栏

[img]http://dl2.iteye.com/upload/attachment/0110/5777/505cd556-c1b4-3076-9395-1165784976bd.png[/img]

[img]http://dl2.iteye.com/upload/attachment/0110/5779/432d433e-d3c3-3af0-85f1-3935758f7a7a.png[/img]



.form_title_div{
	width:100px; font-size: 18px; border-right: 23px solid transparent; border-bottom: 23px solid #3DAEE9; border-bottom-color: #3DAEE9;
       border-top-left-radius: 5px;-webkit-border-left-radius: 5px;//第二个图片要加上这个做圆角
}
.form_title_div span{
	display: block; margin-bottom: -130px; margin-left: 15px; color: #ffffff;
}

<div class="form_title_div" style="float: left;">
   <span>注册信息</span>
</div>