聊天背景的一些问题

jike_8847987 CSS3背景与边框相关样式 最后由 jike_8847987 于2016年06月21日回复

  • 2 回答
  • 1.2k 浏览

首先,border-image中四个值的单位是什么?大小范围呢?

其次,我的效果和老师的完全不一样

无标题3.png


无标题2.png


粉红边框.jpg

  • 极客学院_ASMITA 2016年06月20日 回答 #1楼
  • 定义和用法

    border-image 属性是一个简写属性,用于设置以下属性:

    • border-image-source
    • border-image-slice
    • border-image-width
    • border-image-outset
    • border-image-repeat

    如果省略值,会设置其默认值。

    提示:请使用 border-image-* 属性来构造漂亮的可伸缩按钮!

    默认值:none 100% 1 0 stretch
    继承性:no
    版本:CSS3
    JavaScript 语法:object.style.borderImage="url(border.png) 30 30 round"

    可能的值

    值描述测试
    border-image-source用在边框的图片的路径。
    border-image-slice图片边框向内偏移。
    border-image-width图片边框的宽度。
    border-image-outset边框图像区域超出边框的量。
    border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。测试

  • 0 评论
  • jike_8847987 2016年06月21日 回答 #2楼
  • #1楼  @极客学院_ASMITA 视频中的是url后加了四个数字,讲解的时候数字代表的不是上边解释的内容

    意思是,background-image后面可以有两种写法?

    能和我说说我出现错误的原因吗?

  • 0 评论