css边框3
<head><meta charset="UTF-8"><title>練習三</title><style type="text/css">*{margin: 0px;padding: 0px;}.p1{width: 652px;height: 670px;border-top: 1px solid red;background-image: url(img/qq.jpg);}.box-p1{width: 200px;background: limegreen;font-size: 12px;border: 10px solid limegreen;border-radius: 10px;margin: -52px 70px 0px;}.box-p2{width: 200px;background: limegreen;font-size: 12px;border: 10px solid limegreen;border-radius: 10px;text-align: center;margin: -15px 320px;}.box1{background: url(img/282839b6456e945b2410cf99edca0853.jpg);background-size: cover;width: 50px;height: 50px;margin: 50px 0px 35px;}.box2{background: url(img/282839b6456e945b2410cf99edca0853.jpg);background-size: cover;width: 50px;height: 50px;margin: 0px 574px;}</style></head><body><div class="p1"><div class="box1"></div><div class="box-p1">我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1</div><div class="box2"></div><div class="box-p2">我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1</div> <div class="box1"></div><div class="box-p1">我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1</div><div class="box2"></div><div class="box-p2">我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1我是box1</div></div></body>
</html>
?
轉載于:https://www.cnblogs.com/wwwljcom/p/10316000.html
總結
- 上一篇： 金蝶CLOUD星空云tempdb过大处理
- 下一篇： jeesite快速开发平台(三)----