CSS基本样式

  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表格
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容