-
代碼整理:a標(biāo)簽里有的,a:hover里面不需要
??????????????? 有公共屬性的可以把公共屬性刪除
查看全部 -
行內(nèi)元素有空隙
? 產(chǎn)生原因:換行符、tab、空格產(chǎn)生間隙
? 解決方法:1、元素寫成一行
?????????????????? ?2、設(shè)置font-size:0查看全部 -
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
? ? .page-normal{
? ? ? ? ?color: #ff6500;
? ? ? ? ?text-align: center;
? ? ? ? ?font-size: 0;
? ? ? ? }
? ? ? ? .page-normal a{
? ? ? ? ?border: 1px solid #ff9600;
? ? ? ? ?text-decoration: none;
? ? ? ? ?color: #ff6500;
? ? ? ? }
? ? ? ? .page-normal a:hover{
? ? ? ? ?border: 1px solid #ff6500;
? ? ? ? ?background: #ffb494;
? ? ? ? }
? ? ? ? .page-current{
? ? ? ? ?border: 1px solid #ff6500;
? ? ? ? ?color: #ff6500;
? ? ? ? ?background: #ffb494;
? ? ? ? }
? ? ? ? .page-prev{
? ? ? ? ?border: 1px solid #ffe3c6;
? ? ? ? ?color: #ffe3c6;
? ? ? ? }
? ? ? ? .page-prev,.page-current,.page-normal a{
? ? ? ? ?padding: 5px 7px;
? ? ? ? ?font-size: 18px;
? ? ? ? ?margin-left: 15px;
? ? ? ? }
? ? ? ? .page-normal i{
? ? ? ? ?display: inline-block;
? ? ? ? ?width: 5px;
? ? ? ? ?height: 9px;
? ? ? ? ?background: url("e.gif");
? ? ? ? }
? ? ? ? .page-prev i{
? ? ? ? ?background-position: -67px -608px;
? ? ? ? ?margin-right: 5px;
? ? ? ? }
? ? ? ? .page-next i{
? ? ? ? ?background-position: -74px -608px;
? ? ? ? ?margin-left: 5px;
? ? ? ? ?vertical-align: middle;?
? ? ? ? }
? ? ? ?</style>
</head>
<!--
? ?行內(nèi)元素中間有空隙
? ?原因:換行符、tab制表符、空格產(chǎn)生空隙
? ?解決:元素寫在一行
? ? ? ? ?font-size:0;
-->
<body>
<div class="page-normal">
<span class="page-prev"><i></i><</span>
<span class="page-current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
...
<a href="#">199</a>
<a href="#">200</a>
<a href="#" class="page-next">><i></i></a>
</div>
</body>
</html>
查看全部 -
使用什么標(biāo)簽來制作分頁頁碼
查看全部 -
嗯查看全部
-
分頁查看全部
-
寬度和高度對(duì)塊級(jí)元素有作用,對(duì)行內(nèi)元素沒有作用
要設(shè)置行內(nèi)元素的寬高,需要先把行內(nèi)元素轉(zhuǎn)換為塊級(jí)元素----display
查看全部 -
行內(nèi)元素中間有空隙: 產(chǎn)生原因:換行符、tab、空格產(chǎn)生空隙 解決方法:元素寫成一行;設(shè)置font-size:0查看全部
-
< 是 < >是 >查看全部
-
好,不錯(cuò),鼠標(biāo)滑過........查看全部
-
行內(nèi)元素中間有空隙: 產(chǎn)生原因:換行符、tab、空格產(chǎn)生空隙 解決方法:元素寫成一行;設(shè)置font-size:0查看全部
-
行內(nèi)元素有間隔bug問題查看全部
-
上一頁下一頁插入左右小鍵頭(雪碧圖) HTML在“上一頁”的前面加<i></i>標(biāo)簽 在“下一頁”的后面加<i></i>標(biāo)簽 CSS給i標(biāo)簽加樣式:想要插入雪碧圖得先給它一個(gè)寬高,但內(nèi)聯(lián)元素給寬高無效,要先轉(zhuǎn)為塊元素下的內(nèi)聯(lián)元素,給總的i標(biāo)簽加display:inline-block,background插入圖 再分別給上一頁下一頁的i標(biāo)簽加樣式定位background-position:x軸 y軸;查看全部
-
代碼整理 不同屬性相同樣式,可以單獨(dú)提取出來放在一起查看全部
-
頁碼標(biāo)簽樣式有padding:5px 7px;查看全部
舉報(bào)