text-shadow：文字阴影

h1{
    text-shadow: 5px 5px 5px #FF0000;　　　　　　//水平阴影，垂直阴影，模糊的距离，以及阴影的颜色
}

　　box-shadow：盒子阴影

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
div {
    box-shadow: 10px 10px 5px #888888;
}

　　overflow:文本溢出属性指定应向用户如何显示溢出内容

p {
white-space: nowrap; 　　　　　　　　　　//超出部分是否换行，这里选否
width: 200px;
border: 1px solid #000000;
overflow: hidden;　　　　　　　　　　　　//内容是否显示，这里选否
text-overflow: clip; 　　　　　　　　　　//用省略号显示超出部分
}

　　word-wrap：换行

p {word-wrap:break-word;}

　　如果内容超出区域，可以用这个方法强制换行

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄