<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
width: 246px;
height: 240px;
margin: 0 auto;
margin-top: 200px;
padding: 6px;
border:2px solid #cccccc;
/*box-sizing:border-box 新盒膜*/
}
.title{
font-size: 21px;
font-weight: bolder;
}
span{
margin-right: 12px;
margin-bottom: 15px;
border-right: 1px solid mediumblue;
display:inline-block;
}
.box span:nth-of-type(3n){
color: red;
}
.wu{
border-right: 0;
}
</style>
</head>
<body>
<div class="box">
<p class="title">当季热门</p>
<span>泰国</span>
<span>普吉岛</span>
<span>日本</span>
<span class="wu">土耳其</span>
<br>
<span>美国</span>
<span>香港</span>
<span>台湾</span>
<span>曼谷</span>
<span class="wu">清迈</span>
<br>
<span>澳门</span>
<span>韩国</span>
<span class="wu">马来西亚</span><br>
<span>澳大利亚</span>
<span>新西兰</span>
<span class="wu">新加坡</span><br>
<span>柬埔寨</span>
<span>法国</span>
<span>英国</span>
<span class="wu">马尔代夫</span>
</div>
</body>
</html>
前端基础知识点新闻列表
最新推荐文章于 2022-05-07 11:46:58 发布