CSS串联样式表教学『连结属性一览』

·     a /*所有超级链接*/

·     a:link /*超级链接文字格式*/

·     a:visited /*浏览过的连结文字格式*/

·     a:active /*按下连结的格式*/

·     a:hover /*鼠标移至连结*/

·     鼠标光标样式：

·     十字型 cursor:crosshair

·     箭头朝下 cursor:s-resize

·     十字箭头 cursor:move

·     箭头朝右 cursor:e-resize

·     加一问号 cursor:help

·     箭头朝左 cursor:w-resize

·     箭头朝上 cursor:n-resize

·     箭头朝右上 cursor:ne-resize

·     箭头朝左上 cursor:nw-resize

·     文字I型 cursor:text

·     箭头斜右下 cursor:se-resize

·     箭头斜左下 cursor:sw-resize

·     漏斗 cursor:wait

·     光标图案(IE6)  p {cursor:url("游标文件名.cur"),text;}

连结样式范例:
套用"文字属性"来做超级链接的效果
英文变大写oecspace粗体,鼠标移动过来看范例效果.按下去检视语法

套用"边框属性"来做超级链接的效果
用了下边框鼠标移动过来看范例效果,按下去检视语法

连结样式范例三之立体按钮效果
按下去看范例效果和检视语法

单纯的文字连结，只用CSS就可以变成特别的立体按钮
width: 2cm;/* 连结宽度范围*/
代表连结文字的宽度范围，就是说按钮效果的大小
如果你不设定这行按钮就会依你的连结文字多与少而变得不规则
复制下方语法于< head>之间
你就会看到网页所有连结都会变成立体按钮喔!

同一网页设定不同鼠标移到连结效果:
一般用a:hover/*鼠标移至连结*/只能让网页所有连结都引用这个动作
如何让同一个网页使用多个hover鼠标移到连结的效果?往下看吧!!
多重连结效果：按此拷贝语法

鼠标光标样式可运用在任何标签.例如:
整个网页body{cursor:e-resize}
所有表格内table{cursor:e-resize}

使用图案鼠标光标例如:
body {cursor:url("mything.cur"),url("mything.cur"),text;}
当无法处理光标名单的第一个光标,则会以第二个光标代替
若无法处理任何定义的光标,最后便以一般光标text显示 (图案鼠标光标写法是W3C发布的标准)
|X| 大部份常写为 cursor:url(img/cu*_*4.*ni) 这是错误的

CSS串联样式表教学『框线属性一览』:
·     border-top : 1px solid #6699cc; /*上框线*/

·     border-bottom : 1px solid #6699cc; /*下框线*/

·     border-left : 1px solid #6699cc; /*左框线*/

·     border-right : 1px solid #6699cc; /*右框线*/

·    
以上是建议书写方式,但也可以使用一般的方式 如下:

·     border-top-color : #369 /*设定上框线top色彩*/

·     border-top-width :1px /*设定上框线top宽度*/

·     border-top-style : solid/*设定上框线top样式*/

·    
其它框线样式

·     solid /*实线框*/

·     dotted /*虚线框*/

·     double /*双线框*/

·     groove /*立体内凸框*/

·     ridge /*立体浮凸框*/

·     inset /*凹框*/

·     outset /*凸框*/

转载于:https://www.cnblogs.com/freedom831215/archive/2009/10/03/1577589.html