在編寫網頁設計時,常常需要將圖片放在網頁的左上角。CSS樣式是一種常用的方式來實現這個效果。
img { position: absolute; top: 0; left: 0; }
上述CSS樣式中,position: absolute;
表示圖片的定位方式是絕對定位,top: 0;
表示圖片上邊框距離父元素頂部為0像素,left: 0;
表示圖片左邊框距離父元素左側為0像素。
此外,還可以通過把圖片包含在一個容器中來實現這個效果:
.container { position: relative; } img { position: absolute; top: 0; left: 0; }
上述代碼中的container
作為父元素,position: relative;
表示其定位方式為相對定位。
無論是單獨調整圖片的CSS樣式,還是將圖片放在父容器中一起調整,都可以實現在左上角的效果。
上一篇css樣式在哪里插入
下一篇css樣式圖片橫向排列