hr换行符的颜色设置

说到颜色变化，大家首先想到的都是color,但是color一般都是针对字体颜色的，线条需要用background-color, 但是单纯的将背景色设为灰色是不够的，线条还是黑色的，我们需要给线条一个高度，也就是我们需要的2px 这样设置完后，在浏览器中可以看到线条变粗了，而且原来的
项目需求有一个2px的换行符，颜色是淡灰色的，这里面可能有一些不一样的设置，需要明白。

说到颜色变化，大家首先想到的都是color,但是color一般都是针对字体颜色的，线条需要用background-color,

但是单纯的将背景色设为灰色是不够的，线条还是黑色的，我们需要给线条一个高度，也就是我们需要的2px

这样设置完后，在浏览器中可以看到线条变粗了，而且原来的黑色好像还是存在的

其实，hr是有默认的border的，我们需要将它的边框去掉，设为border:none

div

好了  解决

css3 新属性 text-overflow 实现截取多余文字内容 以省略号来代替多余内容 我们在设计网站的时候有时会遇到这样一个需求：因为页面空间大小的问题，需要将多余的文字隐藏起来，并以省略号代替，类似这样的效果： 做到这样的效果，我们不仅需要运用到css3的新属性 text-overflow ，该属性的作用就是设置一下被隐藏文本的展示形式（例如隐藏文本用……展示），除此之外还需要用到属性 white-space 使文字不换行，以及使用属性 overflow:hidden 隐藏多余的文字 接下来我们就来分步讲解一下这几个属性的应用吧