CSS a标签样式
a標簽懸停時鼠標樣式、下劃線、顏色等
a { color: blue;cursor: pointer; /* 鼠標樣式*/ } a:link { color: #06F; text-decoration: none; }/* 未訪問的鏈接 */ a:visited { color: #999; text-decoration: line-through; } /* 已訪問的鏈接 */ a:hover { color: #F00; text-decoration: underline; }/* 鼠標移動到鏈接上 */ a:active { color: #F0F; } /* 選定的鏈接 */text-decoration定義文本修飾:
| none | 默認。定義標準的文本。 |
| underline | 定義文本下的一條線。 |
| overline | 定義文本上的一條線。 |
| line-through | 定義穿過文本下的一條線。 |
| blink | 定義閃爍的文本。 |
| inherit | 規定應該從父元素繼承 text-decoration 屬性的值。 |
cursor定義鼠標樣式包括如下:
| url | 需使用的自定義光標的 URL。 注釋:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標。 |
| default | 默認光標(通常是一個箭頭) |
| auto | 默認。瀏覽器設置的光標。 |
| crosshair | 光標呈現為十字線。 |
| pointer | 光標呈現為指示鏈接的指針(一只手) |
| move | 此光標指示某對象可被移動。 |
| e-resize | 此光標指示矩形框的邊緣可被向右(東)移動。 |
| ne-resize | 此光標指示矩形框的邊緣可被向上及向右移動(北/東)。 |
| nw-resize | 此光標指示矩形框的邊緣可被向上及向左移動(北/西)。 |
| n-resize | 此光標指示矩形框的邊緣可被向上(北)移動。 |
| se-resize | 此光標指示矩形框的邊緣可被向下及向右移動(南/東)。 |
| sw-resize | 此光標指示矩形框的邊緣可被向下及向左移動(南/西)。 |
| s-resize | 此光標指示矩形框的邊緣可被向下移動(南)。 |
| w-resize | 此光標指示矩形框的邊緣可被向左移動(西)。 |
| text | 此光標指示文本。 |
| wait | 此光標指示程序正忙(通常是一只表或沙漏)。 |
| help | 此光標指示可用的幫助(通常是一個問號或一個氣球)。 |
總結
- 上一篇: MVC架构模式(2)
- 下一篇: CSS标签选择器→教你如何使用