CSS可以通過設置偽元素來在圖片上顯示“new”標識。以下是一個例子:
img::after { content: "new"; background-color: #FF5722; color: #fff; padding: 4px; font-size: 12px; border-radius: 4px; position: absolute; top: 0; right: 0; }
使用上面的代碼,圖片上將顯示一個帶有“new”文本的小標簽,背景顏色為#FF5722,文字顏色為白色,字體大小為12像素。標簽向內部填充4像素并添加了一個4像素的圓角邊框。標簽的位置根據需要進行微調。
當然,你可以根據自己的喜好或需要進行修改。
上一篇css 圖片0.3放大6
下一篇css 圖片上面顯示文字