html里面怎么设置边框？html边框样式设置方法

CSS Border图像属性用于将图像边框添加到某些元素。您不需要使用任何HTML代码来调用边框图像。边框图像的示例语法如下:.

#borderimg {
       border: 10px solid transparent;
       padding: 15px;
}
    

以下是将图像设置为元素边框的示例:

html>
       head>
          style>
         #borderimg1 {
                 border: 10px solid transparent;
                padding: 15px;
                border-image-source: url(/css/images/border.png);
                border-image-rePEat: round;
                border-image-slice: 30;
                border-image-width: 10px;
         }
         #borderimg2 {
                 border: 10px solid transparent;
                padding: 15px;
                border-image-source: url(/css/images/border.png);
                border-image-repeat: round;
                border-image-slice: 30;
                border-image-width: 20px;
         }
         #borderimg3 {
                 border: 10px solid transparent;
                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>
          p id = "borderimg1">
    php网站是最好的网站/p>
          p id = "borderimg2">
    php网站是最好的网站/p>
          p id = "borderimg3">
    php网站是最好的网站/p>
       /body>
    /html>
    

显示效果如下：

以上就是html里面怎么设置边框？html边框样式设置方法的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！