CSS3文字效果

 text-shadow:文字阴影

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

  box-shadow:盒子阴影

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;}

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

猜你喜欢

转载自www.cnblogs.com/tyblwmbs/p/10700227.html