零基础建站培训教程介绍

当前位置:

css3控制div一边圆角一边直角

建网站时,有些地方需要使用一些小按钮,常用的方法是使用小图片作为按钮背景。学习了CSS3视频教程后,我们还可以使用css3控制div一边圆角一边直角的方式来制作一个好看的按钮。效果如下图:

css3控制div一边圆角一边直角

如何通过CSS3去控制一个DIV一边圆角一边直角呢?代码如下:

HTML代码:


<div class="btn">点击一下</div>

CSS3代码:


<style>
.btn{width:140px;height:40px;line-height:40px;  background:red;color:#fff;  border-top-right-radius: 16px; text-align:center;border-bottom-right-radius: 16px;}
</style>

发表评论

电子邮件地址不会被公开。 必填项已用*标注