CSS3 border边框属性
以下为学做网站论坛关于“CSS3 border边框属性”讲解视频教程。
选择课程播放速度:
CSS3边框属性是用于控制区块的边框。
基本语法:
border:1px solid #f00;
参数含义:粗细 实线 颜色
虚线:dashed
圆角边框:
border-radius:10px;
建网站时,有些地方需要使用一些小按钮,常用的方法是使用小图片作为按钮背景。学习了CSS3视频教程后,我们还可以使用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>