13网页前端CSS——CSS背景属性和文本属性

一：背景属性

1：    background-color: 背景颜色

2：  background-image 背景图片

3： background-repeat  图片是否平铺

       Repeat：平铺

      No-repeat：不平铺

      Repeat-x：按x轴平铺

      Repeat-y：按y轴平铺

4：background-position 图片的位置

    第一个值：代表x轴的位置

    两个值：第一个值代表X轴  第二个代表y轴

p{
    background-color: azure;
    width: 400px;
    height: 500px;
     /* background-image: url(../../../o.jpg);/*会平铺显示图像*/
   /* background-repeat: no-repeat;平铺方式：不平铺*/
    background-repeat: repeat-x;/*按x轴平铺*/
    background-image: url(1.jpg);
    background-position: 0px,0px;
    /*合体写： 引入地址  是否平铺 定位属性*/
    background: url(1.jpg) no-repeat -120px,-140px;
    
}

 

 

 

 

二：文本属性

1： text-indent: 首行缩进

2：text-decoration: underline;加下划线  或者使用U标签
      text-decoration: line-through；贯穿线
      text-decoration: overline;上线、

3： word-spacing: 30px;   段和文之间的间距
4：letter-spacing: 30px;  文字和字母之间的间距

5：text-shadow: ;文本和文字是否有阴影和模糊效果
6： text-transform: capitalize对象中的文本的大小写 ：首字母大写
      text-transform: uppercase;变为大写
7： background: green;
8： width: 50px;
9： height: 100px;

10：white-space: nowrap;强制在同一行内显示文本内容
11： text-overflow: ellipsis;文本的溢出使用省略标记
12：  overflow: hidden;溢出隐藏

p{
    color: red;
    text-indent: 30px;/*首行缩进*/
    /*text-align: center;文本位置*/
    /*text-decoration: underline;加下划线  或者使用U标签*/
   /* text-decoration: line-through；贯穿线*/
    /*text-decoration: overline;上线*/
    word-spacing: 30px;/*单词间距*/
    letter-spacing: 10px;/*文字和字母之间的间距*/
    direction: rtl;/*文字流的方向*/
    direction:ltr;/**/
    line-height: 30px;/*行高*/
    text-shadow: ;/*文本和文字是否有阴影和模糊效果*/
   /* text-transform: capitalize对象中的文本的大小写 ：首字母大写*/
   /* text-transform: uppercase;变为大写*/
    background: green;
    width: 50px;
    height: 100px;
    white-space: nowrap;/*强制在同一行内显示文本内容*/
    text-overflow: ellipsis;/*文本的溢出使用省略标记*/
    overflow: hidden;/*溢出隐藏*/
                     
    
}
ul li{
    text-shadow: 0px 0px 5px green;
}