css中列表中上下border疊加的問題

代碼:

網(wǎng)站設(shè)計制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺管理系統(tǒng)；成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)收費合理；免費進行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運營了十載的創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司。

此時的效果是:

解決辦法:

此時的效果是:

常見的場景應(yīng)用:

代碼:

<ul?class="list-group">
????<li?class="list-group-item">Cras?justo?odio</li>
????<li?class="list-group-item">Dapibus?ac?facilisis?in</li>
????<li?class="list-group-item">Morbi?leo?risus</li>
????<li?class="list-group-item">Porta?ac?consectetur?ac</li>
????<li?class="list-group-item">Vestibulum?at?eros</li>
</ul>

如果沒有margin-top:-1px;此時的效果就是這樣子的:

也可以使用margin-top來解決：

---

總結(jié)：

1 margin-top為負值的使用

2 margin-bottom為負值的使用

分享名稱：css中列表中上下border疊加的問題
URL標(biāo)題：http://bm7419.com/article14/goejde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、微信小程序、企業(yè)建站、自適應(yīng)網(wǎng)站、手機網(wǎng)站建設(shè)、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)