在HTML中,可以使用
標簽來設置元素的布局和樣式。而疊加效果也可以通過設置CSS中的z-index屬性來實現。
div { position: absolute; /* 設置為絕對定位 */ top: 0; /* 距離頂部為0 */ left: 0; /* 距離左側為0 */ width: 100px; /* 設置寬度 */ height: 100px; /* 設置高度 */ background-color: red; /* 設置背景顏色為紅色 */ z-index: 1; /* 設置z-index為1 */ } div:nth-child(2) { /* 選擇第二個div元素 */ position: absolute; /* 設置為絕對定位 */ top: 50px; /* 距離頂部為50像素 */ left: 50px; /* 距離左側為50像素 */ width: 100px; /* 設置寬度 */ height: 100px; /* 設置高度 */ background-color: blue; /* 設置背景顏色為藍色 */ z-index: 2; /* 設置z-index為2,比第一個div元素高 */ }
如上所示,設置第一個div元素的z-index為1,第二個div元素的z-index為2,即可實現第二個div元素在第一個div元素之上顯示的效果。
上一篇python 隨機數實現
下一篇python 隨機排列的