-
鼠標(biāo)懸停狀態(tài)，:hover 行內(nèi)元素中間有空隙 可以給他們的容器/父級(jí)加上樣式font-size:0；然后給他們重新添加例font-size:18px； 再給他們自定義空隙margin-left:10px查看全部
-
前頁(yè)和當(dāng)前頁(yè)不需要a標(biāo)簽跳轉(zhuǎn)，所以用span標(biāo)簽 前頁(yè)“<”和后頁(yè)“>”會(huì)和代碼的括號(hào)重復(fù)，電腦不識(shí)別，可用<；和>；符號(hào)代替。查看全部
-
行內(nèi)元素間隔查看全部
-
分頁(yè)頁(yè)碼使用標(biāo)簽問(wèn)題查看全部
-
分頁(yè)頁(yè)碼制作的四個(gè)注意的問(wèn)題查看全部
-
行內(nèi)元素中間有空隙： 產(chǎn)生原因：換行符、tab、空格產(chǎn)生空隙 解決方法：元素寫(xiě)成一行；設(shè)置font-size：0查看全部
-
注意4點(diǎn)： 1）使用什么標(biāo)簽來(lái)制作分頁(yè)頁(yè)碼，a標(biāo)簽，span標(biāo)簽，div標(biāo)簽； 2）使用html實(shí)體標(biāo)簽輸入“<”和“>”； 3）內(nèi)聯(lián)元素設(shè)置居中； 4）修復(fù)行內(nèi)元素之間間隔bug問(wèn)題；查看全部
-
設(shè)置背景，要將行內(nèi)樣式轉(zhuǎn)化為塊狀樣式display:inline-block查看全部
-
CSS （下）： .page-prev i { background-position: -67px -608px; margin-right: 5px; } .page-next i { background-position: -74px -608px; margin-left: 5px; }查看全部
-
CSS（限制一千個(gè)字 上）: .page-normal { text-align: center; word-spacing: -4px; } .page-normal a, .page-normal .page-current, .page-normal .page-prev, .page-normal .page-next, .page-normal .ellipsis { padding: 5px 7px; margin-left: 10px; } .page-normal a { border: 1px solid #ff9600; color: #8e44ad; text-decoration: none; } .page-normal a:hover { background: #ffbe94; cursor: pointer; } .page-normal .page-prev:hover { cursor: not-allowed; } .page-normal .page-next:hover { background: #1eb449; cursor: pointer; } .page-normal .page-current { color: #ff6500; } .page-normal .page-prev, .page-normal .page-next, .page-normal .ellipsis { color: #ffe3c6; } .page-normal .page-prev, .page-normal .page-next { border: 1px solid #c0392b; } .page-normal .page-prev, .page-normal .page-next { color: #ccc; } .page-normal i { display: inline-block; background: url(../img/bg_hotsale.gif); width: 5px; height: 9px; }查看全部
-
HTML: <div class="page-normal"> <span class="page-prev"><i></i>上一頁(yè)</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="#">6</a> <a href="#">7</a> <span class="ellipsis">...</span> <a href="#">199</a> <a href="#">200</a> <span class="page-next">下一頁(yè)<i></i></span> </div>查看全部
-
html 特殊符號(hào)<span>&XXX</span>查看全部
-
2、畫(huà)實(shí)心圓的方法： 寬度和高度一致(正方形)，然后四個(gè)角設(shè)置為高度或者寬度的1/2. <div class="circle"></div> .circle{ width:100px; height:100px; background-color:#cb18f8; border-radius:50px; } 效果： 總結(jié)： CSS3實(shí)現(xiàn)圓角的方式既優(yōu)雅又方便，但是兼容性不夠好，如果需要考慮舊版本的瀏覽器的話，可以考慮優(yōu)雅降級(jí)的方式。開(kāi)始提到的兩種方式的優(yōu)點(diǎn)是兼容性好，但不夠優(yōu)雅。查看全部
-
border-radius屬性其實(shí)可以分為四個(gè)其他的屬性： 1 2 3 4 5 border-radius-top-left /*左上角*/ CSS3屬性之圓角效果——border-radius屬性 border-radius-top-right /*右上角*/ border-radius-bottom-right /*右下角*/ border-radius-bottom-left /*左下角*/ //提示：按順時(shí)針?lè)绞?查看全部
-
行內(nèi)元素間隔的bug,及解決方法查看全部
舉報(bào)
0/150
提交
取消