欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  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