CSS基本样式
2018-08-09 本文已影响0人
霖风_
-
CSS背景
image.png
可以设置是否重复
-
CSS的文本样式
image.png
-
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;}
预览效果
- CSS列表：列表分为有序和无序之分，其中无序有可以使用多种不同的标记来区分；
-
HTML中
-
CSS中
-
预览效果
-有序效果
image.png
-
image.png
- CSS表格
