大家好,又见面了,我是你们的朋友全栈君。
css中分页样式
css分页样式的设置,我们可以采用ul+li来实现,设置li标签float为left,让它们排列在一行,再设置li标签里面的a标签样式。
具体实现如下:
部分css代码解释#model14 ul {
padding-inline-start: 0 !important;
/* 设置ul的开头距离为零必面设置自动居中时影响美观 */
}
#model14 li:first-child {
margin-left: 0;
/* li:first-child可设置第一个li元素的样式,第二个第三个同。 */
}
全部代码html>
a{
text-decoration: none;
}
#arrowup-center {
display: table;
height: 16px;
margin: 0 auto;
}
#model14 ul {
padding-inline-start: 0 !important;
}
#model14 li:first-child {
margin-left: 0;
}
#model14 {
float: left;
width: 1100px;
text-align: center;
margin-top: 500px;
}
#model14 li {
position: relative;
float: left;
list-style: none;
margin-left: 31px;
}
#model14 li.active a {
font-size: 16px;
color: #2699fb;
}
#model14 li a {
font-size: 16px;
color: #bce0fd;
}
li a img {
margin-top: -3px;
}
-
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
-
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/160617.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...