HTML將圖片拼成愛心圖形
縱使千百度, 惟愿你是我, 就讓這張圖片, 為我表達心意。 <html><head><style>.heart { position: relative; width: 100px; height: 90px; background-color: red; transform: rotate(-45deg); border-radius: 50px 50px 0 0; top: 5px; left: 5px; } .heart:before, .heart:after { content: ""; position: absolute; background-color: red; } .heart:before { width: 50px; height: 50px; border-radius: 50px 0 0 0; top: -25px; left: 0; } .heart:after { width: 50px; height: 50px; border-radius: 0 50px 0 0; top: -25px; left: 50px; } </style></head><body><div class="heart"></div></body></html>
在上述代碼中,我們定義了一個class名為heart的div元素,通過設置其寬度、高度、圓角等樣式,得以將其呈現為一個愛心形狀。同時,我們還利用:before和:after偽元素在原有紅色矩形中添加了兩個三角形,從而完整地呈現了愛心形狀。
上一篇python 打印站位符
下一篇python 打開標簽頁