Loading...
text-shadow 針對文字來建立陰影。
text-shadow
預設值是 none:
語法:
以此為例,陰影紅色,向右移 2px,向下移 2px:
以此為例,文字顏色白色,陰影黑色,並向右移 2px、向下移 2px、模糊 5px:
沒有位移,只有模糊及顏色:
語法一樣,以逗號做分隔:
text-shadow: none;
text-shadow: 水平位移 垂直位移 模糊 顏色;
p { font-size: 100px; /* 水平位移 垂直位移 顏色 */ text-shadow: 2px 2px red; }
p { font-size: 100px; color: white; /* 水平 垂直 模糊 顏色 */ text-shadow: 2px 2px 5px red; }
p { font-size: 100px; /* 水平位移 垂直位移 模糊 顏色 */ text-shadow: 0px 0px 5px blue; }
p { font-size: 100px; text-shadow: 0px 0px 5px blue, 3px 3px 0px red; }