CSS3 提供了多種方法來制作逗號,以下是其中的兩種:
/* 方法一:使用偽元素 */ .comma::after{ content: ","; margin-left: 5px; }
上面的代碼在類名為“comma”的元素后插入一個偽元素“::after”,并設置該偽元素的內容為逗號“,”,和逗號與元素之間的間距為 5px。
/* 方法二:使用 transform 屬性 */ .comma{ display: inline-block; transform: scaleY(0.5); transform-origin: bottom; margin-right: 5px; }
上述代碼設置類名為“comma”的元素為 inline-block,然后通過 transform: scaleY(0.5) 縮放該元素的 y 軸,從而將逗號縮小了一半的大小;接著使用 transform-origin: bottom 將元素的縮放中心設置為底部,以保證逗號的底部與正常大小的字符的底部齊平;最后設置逗號與其他元素之間的間距為 5px。
綜上所述,以上兩種方法可用于制作逗號,根據具體情況選擇不同的方法。
下一篇css3 圖片立體