CSS3背景与边框相关样式 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程讲解CSS3背景与边框相关样式,包含与背景相关的新增属性,在一个元素中显示多个背景图像,圆角边框的绘制和使用图像边框。

    1.与背景相关的新增属性 00:07:17

    本课时讲解与背景相关的新增属性,包含background-clip.background-origin.background-size。

    2.圆角边框 00:06:25

    本课时讲解圆角边框,圆角边框的绘制也是Web网站或Web应用程序中经常用来美化页面效果的手法之一。

    3.使用图像边框 00:08:29

    本课时讲解使用图像边框,,在CSS3中,增加了border-image属性,可以让元素的长度或宽度处于随时变化状态的边框统一使用一个图像文件来进行绘制。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

CSS3背景与边框相关样式

3课时,22分钟2015-06-04
iwen
iwen

极客学院金牌布道师

课程背景:
在CSS3中,追加了一些与背景相关的属性,包含background-clip.background-origin.background-size。可以使用background-image来设置边框,使用border-radius来设置圆角效果。

核心内容:
background-clip.background-origin.background-size.background-break.background-image.border-radius

软件环境:WebStrom

是否提供资料:

课程等级:初级

适合人群:
具有一定CSS3基础
  • 技术问答
  • 1

    与背景相关的新增属性

    07:17

    本课时讲解与背景相关的新增属性,包含background-clip.background-origin.background-size。

  • 2

    圆角边框

    06:25

    本课时讲解圆角边框,圆角边框的绘制也是Web网站或Web应用程序中经常用来美化页面效果的手法之一。

  • 3

    使用图像边框

    08:29

    本课时讲解使用图像边框,,在CSS3中,增加了border-image属性,可以让元素的长度或宽度处于随时变化状态的边框统一使用一个图像文件来进行绘制。

相关课程

  • CSS3盒子相关样式

    本套课程主要讲解CSS3盒子相关样式,包含盒子的类型,对于盒子中容纳不下的内容的显示,对盒子使用阴影,指定针对元素的宽度与高度的计算方法

    3课时 20分钟
    初级
    21789人学习
  • CSS3选择器详解(一)

    本套课程讲解 CSS3 选择器,主要包含属性选择器[att*=val]、[att^=val]和[att$=val]、伪元素使用的选择器first-line、first-letter、before、after和选择器 root、not、empty 和 target

    3课时 20分钟
    初级
    26995人学习
  • CSS 经典布局之双飞翼布局

    本课程介绍 CSS 常用布局,包括一列布局二列布局三列布局多列布局,以及双飞翼布局对传统两列布局和三列布局的补充。

    4课时 47分钟
    中级
    25039人学习
  • CSS3 选择器详解(二)

    本套课程讲解 CSS3 选择器,包含,first-child、last-child、nth-child、nth-last-child、nth-of-type、nth-last-of-type 和 only-child。通过以上选择器可以灵活运用完成需求效果。

    3课时 16分钟
    初级
    20107人学习