CSS 伪类(a标签) 背景

来源:互联网 发布:淘宝网账号注册官网 编辑:程序博客网 时间:2024/05/20 01:09

都用的是:冒号:

◆a:link{属性: 值; }    设置a标签默认的样式。

           与a{属性: 值}的用法一样。 推荐使用a{属性: 值}设置样式。
◆a:visited{属性: 值;}  设置a标签访问过后的样式。
            注意:
                  :visited该伪类中只能设置与颜色相关的属性。
◆a:hover{属性: 值;}   设置鼠标悬停到超链接上的样式。
◆a:active{属性: 值;}   a标签激活状态下的样式
          
input:focus{属性:值}    获取焦点时候的样式。
注意:
         ◆如果以上伪类都设置的话,必须按照以上顺序设置
                    L V H A

          ◆以上伪类中,可以单独设置一个hover即可。


去掉下划线 在a{

       text-decoration:none

 }

在鼠标放在a标签的时候显示下划线

 a:hover{

       text-decoration:underline

 }

 背景(background)

    ☞background-color    设置背景颜色
        ☞background-img     设置背景图片
                  ◆默认值为 none  没有背景图片

    

        ☞background-repeat:    设置背景图片平铺方式
                  ◆repeat   默认背景图片平铺
                  ◆no-repeat  背景不平铺

                  ◆repeat-x    横向平铺

                  ◆repeat-y    纵向平铺
                  ☞background-position:  设置背景图片的位置
                  注意:◆如果设置  background-position中出现了具体数字,那么第一个参数代表水平方向,第二个参数代表垂直方向。

背景属性联写 (字体那也可以连写)

     background:background-color  background-img background-repeat  background-position;


     去掉列表中的默认小圆点:
             ul,li{list-style: none}


0 0