感谢kino_ 分享给大家的 myFocus Demo v2.0.1 链接: http://pan.baidu.com/s/1pJ5j0wz 密码: 7s7e 赞一个
2018-01-25
<style type="text/css">
.myBox{
width:183px;
height:88px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
}
</style>
</head>
<body>
<!--在此添加一个div标签,并设置其class属性为myBox-->
<div class="myBox">
Hello World!
</div>
</body>
</html>
.myBox{
width:183px;
height:88px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
}
</style>
</head>
<body>
<!--在此添加一个div标签,并设置其class属性为myBox-->
<div class="myBox">
Hello World!
</div>
</body>
</html>
li{
float:left;
width:50px;
height:30px;
list-style: none;
}
li a{
display:block;
text-align: center;
line-height: 30px;
}
a:link,a:visited{
color:black;
text-decoration: none;
}
a:hover,a:active{
color:white;
text-decoration: none;
background: #BE3948; }
float:left;
width:50px;
height:30px;
list-style: none;
}
li a{
display:block;
text-align: center;
line-height: 30px;
}
a:link,a:visited{
color:black;
text-decoration: none;
}
a:hover,a:active{
color:white;
text-decoration: none;
background: #BE3948; }
如果用list-style-position:inside;list-style-image这种方法,图片会替换原来的小圆点。
但是因为小圆点处于文字中线的位置,会使得文字位置向下便宜一些,导致跟日期对齐效果差。
所以还是用老师的方法视觉效果好一些。
但是因为小圆点处于文字中线的位置,会使得文字位置向下便宜一些,导致跟日期对齐效果差。
所以还是用老师的方法视觉效果好一些。
2018-01-03