*{
margin: 0;
padding: 0;
}
.box{
width: 300px;
height: 450px;
margin: 50px auto;
border: #000000 solid 1px;
}
.box>h1{
font-size: 20px;
line-height: 35px; /*设置行间的距离(行高)。*/
color: deeppink;
padding-left: 10px;
border: #000000 dashed 1px; /* 边框虚线黑色 1像素 */
}
ul>li{
list-style: none; /*去除li标签前面的点*/
padding: 5px 10px;
border: #000000 dashed 1px; /* 边框虚线黑色 1像素 */
}
ul>li:nth-child(-n+3) span{ /* 这句话只选择前三个span标签 比较特别,,需要了解一种方法*/
background: deeppink;
}
ul>li>span{
display: inline-block; /*在元素之后不添加换行符,因此该元素可以位于其他元素旁边*/
width: 20px;
height: 20px;
background: #ccc;
text-align: center; /* 就是把HTML元素中的文本排列到中间的意思*/
line-height: 20px; /* 行高,也可以定义行间距 用line-height只对文字起作用 对于图片时失效 */
margin-right: 10px;
}
.content{
overflow: hidden; /* 给一个盒子定义了一个显示范围。内部的物体。只有在这个范围内部才会被显示。不然就被隐藏。 */
margin-top: 5px;
}
.content>img{
width: 80px;
height: 120px;
float: left; /* 左浮动 */
}
.content>p{
width: 180px;
height: 120px;
float: right; /* 右浮动 */
font-size: 12px;
line-height: 20px; /* 行高,也可以定义行间距 */
}
战神再现 甲贺忍发帖 赤影 生死格斗 忍者小英雄 《RED SHADOW 赤影》(2001年) 改编自 横山光辉 的漫画作品《仮面の忍者 赤影》 剧情简介:为了世界的光明,赤影成为了影子武士。在战国时期的骚乱中,赤影担负着成为影子武士一族首领的命运
页面更新:2024-04-26
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号