在css3里border-image:url(border.png) 30 30 round的30,30,表示什么意思?

html-css014

在css3里border-image:url(border.png) 30 30 round的30,30,表示什么意思?,第1张

其实应该是四个值30 30 30 30(上右下左),简写为两个30分别表示“上下”“左右”两个位置,这个是border-image-slice(图片边框向内偏移)这个属性的参数,利用这个属性的图片你应该注意一下图片的样式。必须是

这种样子的,不能是普通的图片,这个就是图片向内的偏移量,这个偏移量的最正常的值就是每个小块的宽度,当然也可以不用这样,但是也需要找个合适的值,这个合适的值根据不同的背景图是不一样的,这个需要自己多做几个图片,改成不同的值试一下,希望对你有帮助,不懂请继续追问,解决请采纳

font-size:<absolute-size>| <relative-size>| <length>| <percentage>

取值:

<absolute-size>:

根据对象字号进行调节。以 medium 作为基础参照,xx-small相当于medium 3/5 (h6),x-small: 3/4,small: 8/9 (h5),medium: 1 (h4),large: 6/5 (h3),x-large: 3/2 (h2),xx-large: 2/1 (h1),

<relative-size>:

相对于父对像中字号进行相对调节。使用成比例的em单位计算。

<length>:

用长度值指定文字大小。不允许负值。

<percentage>:

用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值。