這篇文章主要介紹“如何使用負(fù)CSS邊距”,在日常操作中,相信很多人在如何使用負(fù)CSS邊距問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”如何使用負(fù)CSS邊距”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
創(chuàng)新互聯(lián)10多年企業(yè)網(wǎng)站建設(shè)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站建設(shè)及推廣,對崗?fù)?/a>等多個方面擁有多年的網(wǎng)站推廣經(jīng)驗的網(wǎng)站建設(shè)公司。
如果border在鼠標(biāo)懸停時將元素周圍應(yīng)用,它將使周圍的元素從其原始位置移動,這是默認(rèn)行為。但是,使用負(fù)CSSmargin值和一些技巧,您可以很好地做到這一點,而不會影響其他元素或內(nèi)容。
讓我們嘗試一個示例,以了解其基本工作原理:
例試試這個代碼»
ul {
padding: 0;
list-style: none;
}
ul li {
float: left;
margin: 10px;
}
ul li a, ul li a img {
display: block;
}
ul li a:hover {
border: 5px solid #333333;
overflow: hidden;
}
ul li a:hover img{
margin: -5px;
}
到此,關(guān)于“如何使用負(fù)CSS邊距”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
本文標(biāo)題:如何使用負(fù)CSS邊距
當(dāng)前路徑:http://weahome.cn/article/gsiiep.html