美文网首页
CSS基本样式

CSS基本样式

作者: 霖风_ | 来源:发表于2018-08-09 18:14 被阅读0次
    1. CSS背景 image.png
      可以设置是否重复
    2. CSS的文本样式 image.png
    3. CSS链接:在链接中,我们可以设置color、font-family、background等等,链接的四种不同的状态,补充一点,链接下方的下划线可以将text-decoration设置为none 就可以去掉

    • link 普通的、未被访问的链接
      -visited 已经访问的链接
    • hover --鼠标位于链接的上方
    • active 链接被访问的时刻
        <head>
            <meta charset="UTF-8">
            <title>css test</title>
            <script src="app.js"></script>
            <link rel="stylesheet" type="text/css" href = "Mycss.css">
    <!--        href 超文本引用(hypertext reference);超链接-->
        </head>
        <body>
            <a href = "http://www.shiyanlou.com">shiyanlou</a>
        </body>
    </html>
    
    /*普通链接,没有别访问*/
    a:link {color: #FFF000;background-color:aqua;}
    /*被访问的链接*/
    a:visited{ color: #000FF00;background-color: aquamarine}
    /*鼠标移动到链接上*/
    a:hover{color: #FF00FF;}
    /*正在被点击的链接*/
    a:active{color: 0000FF;}
    
    预览效果
    1. CSS列表:列表分为有序和无序之分,其中无序有可以使用多种不同的标记来区分;
    • HTML中
    • CSS中
    • 预览效果
      -有序效果 image.png
      - image.png
    1. CSS表格

    相关文章

      网友评论

          本文标题:CSS基本样式

          本文链接:https://www.haomeiwen.com/subject/krycbftx.html