CSS3教程 border-image属性

本教程将介绍border-image属性

  1. 1
    方法:

    sublime_text

  2. 2

    新建一个 border-image.html 文件,如图所示:

    CSS3教程 border-image属性
  3. 3

    输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

    CSS3教程 border-image属性
  4. 4

    输入网页结构的头部和主体

    配置title为:border-image属性

    配置网页编码:utf-8

    规定元素内容的语言:zh-cmn-Hans

    CSS3教程 border-image属性
  5. 5

    border-image 属性的作用:配置元素边框的图像,如图所示:

    CSS3教程 border-image属性
  6. 6

    使用border-image属性来配置其边框的图像,如图所示:

    CSS3教程 border-image属性
  7. 7

    使用图像平铺来填充边框区域,如图所示:

    CSS3教程 border-image属性
    END