/* 使用text-shadow实现字体阴影 */ h1 { font-family: 'Pacifico', cursive; font-size: 48px; color: #17BEBB; text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF; } /* 使用background-clip和文字渐变实现立体感 */ h2 { font-family: 'Dancing Script', cursive; font-size: 36px; background: linear-gradient(to bottom, #F0E68C, #FFD700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 使用文本描边实现效果 */ h3 { font-family: 'Lobster', cursive; font-size: 48px; color: #F08080; -webkit-text-stroke: 2px #000; }
以上是三种简单但非常有效的CSS艺术字样式。你可以尝试用这些样式来美化你的网站,也可以通过改变颜色、大小、字体等属性来创建自己独特的艺术字效果。