web前端，css -凯发k8官方网

      css页面中的body背景图片，必须在此html页面上，返回上一个文件夹，然后才能进入img文件夹中，不需要重复。

 body {
          background-image: url(../img/3.jpg);
          background-repeat: no-repeat;
      }

这是文件等级

链接另一个css样式的代码

标签的字体类型，行高和字体大小。

.p{
    font-style:normal;
    line-height:8px;
    font-size:14px;
}

一个类选择器，float左浮动，自己的边框高度和宽度，背景颜色，行高。

.s1{
    float:right;
    color:white;
    width:70px;
    height:20px;
    background-color:red;
    line-height:14px;
    
}

   另一个类选择器，浮动分为绝对定位和相对定位，position=absolute/relative;

可以定位图片最下方的字体，使用top的值大于div的高度（因为它是绝对定位，相当于最近的div），也可以left，right=200px；设置位置。

.s2{
     position: absolute;
    width: 250px;/*自己框的宽高*/
    height: 22px;
    color:black;
    background-color:pink;
    top:200px;
}

div.d1 {

          background-image: ;
          position: absolute;
          width: 250px;
          height: 222px;
          left:20px;
      }

html总体代码：

   
   
 


   

products /作品欣赏

   

three color scenery services more

   

---

   
   
   
   


特别注意再title下的背景图片的地址使用相对路径，不需绝对路径。

 body {
          background-image: ;
          background-repeat: no-repeat;
      }

转载于:https://www.cnblogs.com/0280-hnn/p/7157170.html

总结

以上是凯发k8官方网为你收集整理的web前端，css的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。