html怎么在⽂字中加⼩⽅框,css之列表数据前加上⼩⽅框⼤致结构:
.latestNews
.latestNewsTitle 标题1
.latestNewsContent
.News 内容1
.News 内容2
css实现效果:使⽤::before 对内容前的⼩⽅块进⾏css绘制即可
.latestNewsContent {
padding-bottom: 16px;
.News {
padding-left: 4px;
font-size: 12px;
font-family: DINPro-Medium, DINPro;
html如何下载font-weight: 500;
color: rgba(102, 102, 102, 1);
line-height: 15px;
&::before {
display: inline-block;
width: 4px;
height: 8px;
background: rgba(30, 147, 243, 1);
content: '';
/
**
这个指为正的话 ⼩⽅块就往上, 为负的话,⼩⽅块就往下
*/
vertical-align: 1px;
margin-right: 10px;
}
}
}
标签:⼩⽅块,⽅框,列表,DINPro,102,News,font,css
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论