CSS 数字外框效果

效果
CSS 数字外框效果
代码
CSS 代码：

1. li 
2. { 
3.     float:left; 
4.     overflow:hidden; 
5.     margin-left:3px; 
6.     padding:3px 5px 3px 5px; 
7.     border:1px solid #FF0000; 
8.     background-color:#000000; 
9.     color:#FFFFFF; 
10.     text-align:center; 
11.     line-height:100%; 
12.     font-size:12px; 
13.     font-weight:normal; 
14.     cursor:pointer; 
15. } 
16. .active 
17. { 
18.     background-color:#CC0000; 
19.     color:#FFFFFF; 
20.     font-weight:bold; 
21. } 

HTML 代码：

1. <ul> 
2.   <li>1</li> 
3.   <li>2</li> 
4.   <li>3</li> 
5.   <li class="active">4</li> 
6.   <li>5</li> 
7. </ul> 

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索css
， 代码
， color
， 数字
， 效果
0000
css3 数字滚动效果、css3数字动画效果、数字滚动动画效果css3、css3 数字变化效果、css3 数字翻牌效果，以便于您获取更多的相关知识。