CSS中可以使用box-shadow
屬性為文本框添加陰影效果。box-shadow
屬性接受四個值,分別代表陰影的偏移量(horizontal和vertical)、模糊半徑(blur)以及顏色(color)。
要為文本框添加向右偏移10px、模糊半徑為5px的陰影,可以使用以下CSS代碼:
text-box { box-shadow: 10px 0 5px rgba(0, 0, 0, 0.5); }
上述代碼中,10px
表示陰影向右偏移10像素,0
表示陰影不向下偏移,5px
表示陰影的模糊半徑為5像素,rgba(0, 0, 0, 0.5)
表示陰影的顏色為半透明的黑色。
可以根據(jù)需要調整陰影的偏移量、模糊半徑和顏色,以達到不同的效果,也可以為文本框添加多個陰影,以增強視覺效果。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。