学做网站培训课程介绍

当前位置:

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>

发表评论

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

相关教程

  • 通过CSS样式可以控制网页中各个元素的显示方式,通过CSS样式可以在网页中画出一个三角形,圆形等形状。(了解更多CSS知识,请学习CSS视频教程)CSS
  • CSS是控制网页HTML的显示效果,在网站制作过程中可以通过CSS的box-shadow属性来控制盒阴影。(相关教程:html入门教程)语法:[cce_html]box-sh
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其
  • CSS控制DIV外边距 内边距 视频教程 (112998 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制DIV外边距 内边距。做网站时,可以通过CSS来设置一个DIV与其它DIV之间的边距,
  • CSS如何调整DIV顶部边距 图文教程 (126334 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调,同时把导航往上调,跟背景图对齐,里面那一句是添加上边距的呢,该怎
  • 论坛老师好,我不是你们的学员,但请教你们一个问题,我想做一个按钮,左边二个角是圆角,右边二个角是直角,请问怎么写出这样的效果呢?麻烦论坛
  • 很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的,而不是普通的直角,这就是由于我们在写DIV+CSS样式时,将网站导航的DIV的边框设置