CSS3是一種前端技術(shù),可以讓網(wǎng)頁(yè)的樣式更加豐富多彩。其中,進(jìn)行布局排版的div元素也可以通過(guò)CSS3輕松實(shí)現(xiàn)下移效果。
div { position: relative; top: 20px; }
上述代碼中,我們給div元素設(shè)置了相對(duì)定位(position: relative;),然后通過(guò)top屬性將元素向下移動(dòng)了20px(top: 20px;)。
如果需要設(shè)置多個(gè)div元素向下移動(dòng),可以給它們添加相同的class,并在CSS樣式表中設(shè)置該class的樣式:
.move-down { position: relative; top: 20px; }
然后在HTML代碼中給需要下移的div元素添加該class:
<div class="move-down">要下移的內(nèi)容</div> <div class="move-down">要下移的另一個(gè)內(nèi)容</div>
這樣,所有使用class為move-down的div元素都會(huì)向下移動(dòng)20px。
下一篇php 引用類