码迷,mamicode.com
首页 > Web开发 > 详细

css基础

时间:2015-11-11 22:27:33      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:css+html

1.设置链接颜色

a:link {color:#FF0000;}		/* 未被访问的链接 */
a:visited {color:#00FF00;}	/* 已被访问的链接 */
a:hover {color:#FF00FF;}	/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}	/* 正在被点击的链接 */


<style>

a:link {color:#FF0000;}    /* 未被访问的链接 */

a:visited {color:#00FF00;} /* 已被访问的链接 */

a:hover {color:#FF00FF;}   /* 鼠标指针移动到链接上 */

a:active {color:#0000FF;}  /* 正在被点击的链接 */

</style>



2.列表项

实例:


<head>

<style type="text/css">

ul 

{

list-style-image: url(‘/i/eg_arrow.gif‘)

}

</style>

</head>


<body>

<ul>

<li>咖啡</li>

<li>茶</li>

<li>可口可乐</li>

</ul>

</body>




3.表格


设置列为蓝色边框

table, th, td
  {
  border: 1px solid blue;
  }


折叠边框

border-collapse 属性设置是否将表格边框折叠为单一边框:

table
  {
  border-collapse:collapse;
  }

table,th, td
  {
  border: 1px solid black;
  }




表格颜色

下面的例子设置边框的颜色,以及 th 元素的文本和背景颜色:

table, td, th
  {
  border:1px solid green;
  }

th
  {
  background-color:green;
  color:white;
  }


css基础

标签:css+html

原文地址:http://bigcrab.blog.51cto.com/10626858/1711866

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!