main

分支 (1)

管理

管理

main

Early_practice_test_js
/
边框.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>

		* {
			margin: 0px;padding: 0px;
		}

    .hello {
    	width: 200px;
    	height: 200px;
    	border:15px dashed lightblue;
    	margin: 50px 50px;
    	box-shadow: 10px 10px 5px red ;
    	margin: 0 auto;
    }
    .hello p {
    	font:40px "黑体";
    	line-height: 160px;
    	text-align: center;
    	text-shadow: 5px 5px  2px red ;

    }
      .control_li ul li {
      	list-style: none;
      	display:inline-block;
      	padding: 0px 20px 0 0 ;

      }
      /*.control_li ul {*/
      /*	width: 100%;

      }*/
      a {
      	text-decoration: none;
      	display:black;
      	padding: 10px 12px;
      	border: 2px solid black;
      }
      a:hover {
      	background-color: #eaeaea;
      	color:gold;
      }

       .bkg {
       	width: 500px;
       	height: 600px;
       	background-image: url(dog.jpg);
       	border-radius: 10px;

       }
       .total {
       	width: 1650px;
       	height: 800px;
       	margin: 0 auto;
       }
       .total li {
       	display: inline-block;
       	list-style: none;
       	border:3px solid #eaeaea;
       	margin-right: 30px;
       }
       li h3 {
       	font-weight: 400;
       	line-height: 100px;
       	text-align: center;
       }
       p {
       	font-size: 14px;
       	text-align: center;
       }

	</style>
</head>
<body>

	<div class="control_li">
		<ul>
		<li ><a href="">你好</a></li>
		<li><a href="">你好</a></li>
		<li><a href="">你好</a></li>
		<li><a href="">你好</a></li>
		<li><a href="">你好</a></li>
		</ul>
	</div>

	<div class="hello">
		<p>我爱你</p>
	</div>

	<div class="total">
		<ul>
	<li>
		<div class="bkg">
			</div>
			<h3>快递牛，整体不错蓝牙可以说秒连 红米给力</h3>
			<p>来自于11789523323的评价</p>
			<h3>Redmi AirDots真无线蓝牙耳机   | <span style="color:yellow;">99.9元</span></h3>
			</li>

			<li>
		<div class="bkg">
			</div>
			<h3>快递牛，整体不错蓝牙可以说秒连 红米给力</h3>
			<p>来自于11789523323的评价</p>
			<h3>Redmi AirDots真无线蓝牙耳机   | <span style="color:yellow;">99.9元</span></h3>
			</li>

			<li>
		<div class="bkg">
			</div>
			<h3>快递牛，整体不错蓝牙可以说秒连 红米给力</h3>
			<p>来自于11789523323的评价</p>
			<h3>Redmi AirDots真无线蓝牙耳机   | <span style="color:yellow;">99.9元</span></h3>
			</li>

		</ul>
	</div>


</body>
</html>