一些基础样式整理

1、文字不折行,多出的部分用省略号显示

  p {/*通过设置这三个属性,使多出的文本用省略号显示*/
            white-space: nowrap;/*设置文本不折行*/
            overflow: hidden;/*设置多出的部门隐藏*/
            text-overflow: ellipsis;/*设置多出的文本用省略号显示*/
    }

2、给li设置其他的项目符号(符号是图片)

  .ul1 li { /*给li前面的符号设置成其他的*/
            background-image: url("img/smile.png");
            background-repeat: no-repeat;
            background-size: 20px;
            text-indent: 30px;/*设置文字的缩进*/
            letter-spacing: 10px;/*设置文字的间距*/
        }

 

你可能感兴趣的:(css)