web前端

最新推荐文章于 2023-09-04 15:24:24 发布

阿丽学编程

最新推荐文章于 2023-09-04 15:24:24 发布

阅读量120

点赞数

文章标签：前端 servlet javascript

本文链接：https://blog.csdn.net/weixin_47494402/article/details/127057087

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           .box {
               /*盒子内容大小*/
               width: 200px;
               height: 200px;
               /*设置盒子内边距，会撑大盒子*/
               padding: 5px;
               /*外边距，盒子居中显示*/
               margin: 100px auto;
               /*背景颜色*/
               background-color: pink;
               /*边框*/
               border: 10px solid skyblue;
               /*盒子底部样式*/
               border-bottom-style: dotted;
               /*给盒子添加圆角边框，*/
               border-radius:50px 20px ;
           }
           .box2 {
               width: 400px;
               height: 400px;
               border: 10px solid pink;
               /*设置边框背景*/
               border-image-source: url(../img/01.png);
               border-image-slice: 33%;
               /*图片边框宽度*/
               border-image-width: 10px;
               /*边框图片超出边框盒子的量*/
               border-image-outset: 2px;
               /*边框图片平铺*/
               border-image-repeat: round;
           }
</style>
   </head>
   <body>
       <div class="box"></div>
       <div class="box2"></div>
   </body>
</html>