文字

单行文字溢出省略处理

<p style="text-overflow:clip;width:150px;overflow: hidden;white-space: nowrap;">测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p>
<p style="text-overflow:ellipsis;width:150px;overflow: hidden;white-space: nowrap;">测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p>

文本阴影

<h1>文本阴影</h1>
<style>
.h1{
text-shadow:15px 25px 5px red;//水平 竖直 模糊度 颜色
}
</style>

来源：oschina

链接：https://my.oschina.net/shenGuangYue/blog/4290967