• CSS常用属性


    CSS (二)

    1、            图片效果

    1)              图片边框

    Border

    Border-style

    Border-color

    Border-width

    Dotted 点划线

    Dashed 虚线

    Solid 实线

    颜色

    宽度

    border:solid 1px #f00;

    2)              图文混排

    例:1.html

    2.html

    2、设置网页背景

       1)背景颜色

         Background-color

         例:3.html,4.html

    3)              背景图片

      (1)Background-image:url(xx.jpg)  例:5.html

      (2)背景图的重复  例:6.html

    垂直方向重复

    水平方向重复

    不重复

    Background-repeat:repeat-y

    Background-repeat:repeat-x

    Background-repeat:no-repeat

          (3)背景图片位置     例:7.html

           Background-position:30% 70%

           Background-position:300px 25px

          (4)固定背景图片 例:8.html

           Background-attachment:fixed;

          (5)多个背景图片  例:9.html

          (6)样式综合设置

         Background-color:blue;

         Background-image:url(xx.jpg);

         Background-repeat:no-repeat;

         Background-attachment:fixed;(背景图片固定,用于背景内内容大于背景时候使用)

         Backdground-position:5px 10px;(图片方位距离左边和上边)

         Backdground-size:cover;(让图片拉升铺满整个背景)

         Background:blue url(xx.jpg) no-repeat fixed 5px 10px;(写到一起最方便)

    3、a:link(正常浏览状态)

      a:visited(被点击过的链接样式)

      a:hover(鼠标经过的样式)

      a:active(被激活的样式)

    4、overflow:auto(文本超过后使用自动)

  • 相关阅读:
    一千行 MySQL 学习笔记
    linux学习(二)
    linux学习(二)
    内联元素
    内联因素1.默认内容撑开盒子大小
    定位absolute使内联支持宽高(块属性变为内联,内容默认撑开)margin auto 失效
    over
    float浮动问题:会造成父级元素高度坍塌;
    float的元素脱离文档流,但不完全脱离,只是提升了半层;
    float了的元素和内联元素不支持margin:auto
  • 原文地址:https://www.cnblogs.com/cd115703/p/4893615.html
Copyright © 2020-2023  润新知