1 设置鼠标悬停文字
<a title='标悬停文字'>
2 设置鼠标的图标
a {
cursor: not-allowed;
}
3 设置滚动条
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条
4 在文本之前设置前置内容(蓝色的间隔条)
<q className='title-contents'>SCS 设置</q>
.titles-contents {
height: inherit;
font-size: 16px;
color: #333333;
line-height: 16px;
border: none;
}
q::before {
content: '';
display: inline-block;
zoom: 1;
vertical-align: middle;
width: 4px;
height: 16px;
background: #0786E9;
margin-right: 10px;
}
效果