Html/CSS前端如何实现文字边框阴影

Question

如题所述

Answer 1

《CSS3文本阴影 text-shadow》

结构代码：

<div class="h5course">欢迎沟通交流~HTML5学堂</div>

样式代码：

html {
    background: #000;
}
.h5course {
    width: 400px;
    height: 200px;
    text-shadow: 1px 1px 0 #f96,
                 -1px -1px 0 #f96; 
    background: #ccc;
    line-height: 200px;
    text-align: center;
    font-size: 30px;
    font-family: "微软雅黑";
}