文字有阴影效果

大家好，又见面了，我是全栈君

代码如下：

<h1 title="Digital">何问起：Web前端,CSS3,HTML5</h1>

<style>
  h1 {
    color: #0055A6;
    font: bold 22px "微软雅黑";
    margin: 10px 0;
    text-align: center;
    text-shadow: 1px 1px 0 #F3F3F3, 1px 2px 0 #B2B2B2;
}
</style>

效果如下：

何问起：Web前端,CSS3,HTML5

h1#hovertree { color: rgba(0, 85, 166, 1); font: bold 22px "微软雅黑"; margin: 10px 0; text-align: center; text-shadow: 1px 1px rgba(243, 243, 243, 1), 1px 2px rgba(178, 178, 178, 1) }

特效： http://www.cnblogs.com/roucheng/p/texiao.html

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/120509.html原文链接：https://javaforall.cn