当前位置:

CSS3 border边框属性

以下为学做网站论坛关于“CSS3 border边框属性”讲解视频教程。

选择课程播放速度:

CSS3边框属性是用于控制区块的边框。

基本语法:

border:1px solid #f00;

参数含义:粗细 实线 颜色

虚线:dashed

圆角边框:

border-radius:10px;

建网站时,有些地方需要使用一些小按钮,常用的方法是使用小图片作为按钮背景。学习了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>

发表评论

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