CSS是網頁前端開發中的一大利器,其靈活的樣式規則可以將文本、圖片和其他元素們塑造成漂亮的網頁效果,如今我們將要學習的是CSS可以用來實現元素往上移動的效果。
如果我們想要讓元素往上移動,我們可以使用CSS中的top
屬性。該屬性可以指定一個元素從其當前位置上偏移多少像素值往上移動,我們來看下面這段代碼:
.box{ position: relative; top: -20px; }
上述代碼中,我們先為盒子元素添加了position:relative;
屬性,讓元素相對于其文檔流位置進行定位,接下來就是關鍵性的控制元素往上移動了。通過設置top
屬性的值為負數,如此元素便會從其當前位置上偏移20像素值往上移動了。
此外,我們還可以通過transform:translateY(-20px);
的方式來使元素向上移動。
好了,這就是CSS控制元素往上移動的方法了,希望本篇文章能幫助到大家。
上一篇jquery輸入法表情
下一篇css忽略回車符