CSSBorder图像属性用于将图像边框添加到某些元素。您不需要使用任何HTML代码来调用边框图像。边框图像的示例语法如下:.
#borderimg{
border:10pxsolidtransparent;
padding:15px;}
以下是将图像设置为元素边框的示例:
<html>
<head>
<style>
#borderimg1{
border:10pxsolidtransparent;
padding:15px;
border-image-source:url(/css/images/border.png);
border-image-repeat:round;
border-image-slice:30;
border-image-width:10px;
}
#borderimg2{
border:10pxsolidtransparent;
padding:15px;
border-image-source:url(/css/images/border.png);
border-image-repeat:round;
border-image-slice:30;
border-image-width:20px;
}
#borderimg3{
border:10pxsolidtransparent;
padding:15px;
border-image-source:url(/css/images/border.png);
border-image-repeat:round;
border-image-slice:30;
border-image-width:30px;
}
</style>
</head>
<body>
<pid="borderimg1">php网站是最好的网站</p>
<pid="borderimg2">php网站是最好的网站</p>
<pid="borderimg3">php网站是最好的网站</p>
</body></html>


本文转载自中文网


本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55883.shtml