CSS文字變小右上角顯示,在網頁設計中經常用到,可以讓頁面更加美觀、簡潔。下面是其中的代碼實現:
<div class="text-small"> <p>這是一段要變小的文字內容</p> <span class="close">x</span> </div>
/* CSS代碼 */ .text-small { position: relative; padding-right: 20px; } .text-small .close { position: absolute; top: 0; right: 0; font-size: 12px; font-weight: bold; color: #999; cursor: pointer; }
以上是CSS文字變小右上角顯示的實現方法,通過在文字所在的div中添加一個叉號x,并設置其相應位置、樣式以達到文字變小且右上角顯示的效果。
上一篇css文字后面加省略號