学做网站培训课程介绍

当前位置:

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
  • 什么是自适应网页随着网站浏览设备屏幕大小不同(包括PC,IPAD,手机等浏览设备),为了适应不同的屏幕,做网站制作时可以自动根据浏览网站的屏幕尺
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下如何使用一个CSS样式来控制多个DIV。在网页制作过程中,写CSS追求代码简洁,如果多个
  • 不是作业 但是找了下版块 不知道发那里 貌似只有这里特别合适。之所以决定自己写CSS 是由于看了建站课程里的DIV+CSS课程,为记忆CSS而作出的决定;另外
  • 论坛老师好,我不是你们的学员,但请教你们一个问题,我想做一个按钮,左边二个角是圆角,右边二个角是直角,请问怎么写出这样的效果呢?麻烦论坛
  • 很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的,而不是普通的直角,这就是由于我们在写DIV+CSS样式时,将网站导航的DIV的边框设置