CSS右上角標記可以為網頁中特定的元素添加標簽,在視覺上更加醒目突出。下面將介紹一些常見的實現方法:
/*方法一:使用position定位*/ .tag { position: relative; } .tag::before { content: "標簽"; position: absolute; top: 0; right: 0; background-color: red; color: #fff; } /*方法二:使用float浮動*/ .tag { float: right; background-color: red; color: #fff; } /*方法三:使用絕對定位并旋轉*/ .tag { position: absolute; top: -20px; right: -20px; transform: rotate(45deg); background-color: red; color: #fff; }
以上三種方法均可實現右上角標記,具體選擇哪種方法可以根據自己的需求和實際情況進行選擇。當然,除了上述三種方法,還有其他的實現方法,可以根據實際情況進行嘗試。