css样式

text-shadow 

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
也就是：
text-shadow:[颜色(Color)  x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...
或者
text-shadow:[x轴(X Offset) y轴(Y Offset)  模糊半径(Blur)  颜色(Color)],[x轴(X Offset) y轴(Y Offset)  模糊半径(Blur)  颜色(Color)]...

取值:

<length>：长度值，可以是负值。用来指定阴影的延伸距离。其中X Offset是水平偏移值，Y Offset是垂直偏移值

<color>：指定阴影颜色，也可以是rgba透明色

<shadow>：阴影的模糊值，不可以是负值，用来指定模糊效果的作用距离。

text-overflow属性规定了当文本溢出包含元素时所发生的事情。

下面介绍text-overflow属性的做法
首先，书写布局
<div class="content">
   <img src="images/text-overflow1.webp" alt="">
   <div class="info"> 苹果6s/6手机壳保护套硅胶磨砂全包防摔iPhone6 Plus 6/6S-经典黑-不漏标-4.7英寸</div>
</div>
<div class="content">
   <img src="images/text-overflow1.webp" alt="">
   <div class="info"> 苹果6s/6手机壳保护套硅胶磨砂全包防摔iPhone6 Plus 6/6S-经典黑-不漏标-4.7英寸4.7英寸</div>
</div>
然后，要对类名为info这个div设置一个宽度，并且设置overflow和white-space属性，并且overflow属性值必须为hidden，white-space属性必须为nowrap。（点击了解white-space属性）
最后，添加text-overflow属性即可。
.content {
       width: 170px;
       height: 200px;
       padding: 10px;
       border: 1px solid #ccc;
}
.info {
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;/*溢出部分用...省略号代替*/
 }