???<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>css边框3
原文地址：https://www.cnblogs.com/wwwljcom/p/10316000.html