css3斜杠写法

CSS3中的斜杠写法是指在属性值中使用斜杠来分隔多个值，这种写法可以大大简化CSS代码的量，同时也有助于增加代码的可读性。下面我们来详细介绍几种常见的斜杠写法。

1. background-position

div {
    background-image:url(bg.jpg);
    background-repeat:no-repeat;
    background-position:50% 50%;
} 

以上代码中，background-position属性值使用了两个值，用斜杠分隔。这样写法表示图片在水平和垂直方向上都居中显示。

2. background-size

div {
    background-image:url(bg.jpg);
    background-repeat:no-repeat;
    background-size:100px 200px;
} 

以上代码中，background-size属性值使用了两个值，用斜杠分隔。这样写法表示图片的宽度为100px，高度为200px。

3. border-radius

div {
    border-radius:10px 20px / 30px 40px;
} 

以上代码中，border-radius属性值使用了四个值，用斜杠分隔。这样写法表示border-top-left-radius和border-bottom-right-radius分别为10px和30px，border-top-right-radius和border-bottom-left-radius分别为20px和40px。

4. font

div {
    font:bold 16px/1.5 'Arial';
} 

以上代码中，font属性值使用了两个值，用斜杠分隔。这样写法表示字体粗细为bold，字体大小为16px，行高为1.5，字体族为'Arial'。

以上就是几种常见的CSS3斜杠写法，希望能对大家的CSS编码有所帮助。