程序博客网 > 请问淘宝店怎么开

CSS3之边框图片

来源：互联网发布：请问淘宝店怎么开编辑：程序博客网时间：2024/04/30 00:43

边框图片border-image

1 border-image-sourceg 引入图片

2 border-image-slice 切割图片

属性值没有单位，默认单位为像素。支持百分比，百分比值总是相对于边框图像而言。

3 border-image-slice包含4个参数，遵循css方位规则，按照上，右，下，左的顺时针方向赋值剪裁。

4 border-image-width 边框宽度

5 border-image-repeat 图片的排列方式

round 平铺,repeat 重复,stretch拉伸

引入图片样式：

<style>

.box{width:200px;height:60px; -webkit-border-image:url(bt_blue.png)0 10;

border-left-width:10px;border-right-width:10px;}

</style>

</head>

<body>

<div class="box"></div>

</body>

引入的图片样式

<style>

.box{width:100px;height:100px; border-width:20px;-webkit-border-image:url(border.png) 27 27 round stretch;}

</style>

</head>

<body>

<div class="box"></div>

</body>

边框颜色 border-colors

<style>

.box{width:100px;height:100px;border:10px solid #000;-moz-border-left-colors:red blue yellow red blue yellow red blue yellow;}

</style>

</head>

<body>

<div class="box"></div>

</body>

目前只有火狐支持

0 0

请问淘宝店怎么开

请问淘宝店怎么开

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子尿发绿是怎么回事尿尿绿色怎么回事绿色尿液是怎么回事尿绿色是怎么回事尿液偏绿尿液绿色是怎么回事尿尿发绿怎么回事 xiaopian 擦排尿尿尿尿吃红心火龙果小便会变红吗喝完水很快就小便小萝莉卫生间小便自拍卫生棉条怎么小便怎么训练狗狗大小便如何训练狗狗定点大小便怎样训练狗狗大小便为什么总是想上小便娱乐小倌儿小倌青罗小扇男主是小倌小倌二青罗扇子反穿之小倌的明星路暴露小倩小倩马小倩小倩全文张哲叶小倩老许小倩新婚小倩小倩影视 pans小倩小倩自我改造日记小倩改造日记小倩露暴展览新婚小倩和徐伯小倩的自我改造许伯干小倩在线阅读我的女友小倩张哲叶小倩全文目录