zoukankan      html  css  js  c++  java
  • 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(文本超过后使用自动)

  • 相关阅读:
    变量的分类
    诫子书
    变量variable
    标识符Identifier
    保留字reserved word
    关键字keyword
    编译运行代码的指令
    创建如下的类,使得运行的话可以输出
    常用的几个命令行操作都有哪些?
    idea快捷键整合-无鼠标操作idea
  • 原文地址:https://www.cnblogs.com/cd115703/p/4893615.html
Copyright © 2011-2022 走看看