快網首頁 | 虛擬主機 | 域名注冊 | 特惠套餐 | 企業郵局 | SQL空間 | IDC業務 | 全球通郵
CSS產生特殊效果
客服中心新聞動態常見問題常用資料知識學堂走近客服在線提問網站導航
CSS產生特殊效果
 網頁設計 | 操作系統 | 程序開發 | Dos 命令 | 平面設計 | 辦公軟件

 您的位置:快網首頁 >> 客服中心 >> 知識學堂 >> 網頁設計 >> 文章正文

CSS產生特殊效果
供稿:潤之康   時間:2009-3-18 14:11:41

    CSS產生特殊效果是如何作到這一點的呢?在<head>和</head>之間加上如下的CSS語法控制:

<style type="text/css">
<!--
a:link { text-decoration: none}
a:active { text-decoration: none }
a:visited { text-decoration: none }
-->
</style>

  這樣瀏覽器在執行時,就明白:a:link指正常的未被訪問過的鏈接a:active指正在點擊的鏈a:visited指已經訪問過的鏈接其中,text-decoration是文字修飾效果的意思,none參數表示使有超級鏈接的文字不顯示下劃線。如果講none替換成underline就表示有下劃線,換成overline則給超連文字加上劃線,換成line-through給超連文字加上刪除線,blink則使文字在閃爍。

  ★★類似的控制:使粗體文字加上刪除線

  例子2:閃爍的粗體文字使用的代碼是:B { text-decoration: line-through}

  ★★類似的控制:是粗體文字中所有的字母大寫

  使用代碼:B { text-transform: uppercase }

  例子3:產生既大寫,又有顏色,又有刪除線的效果

  以上的代碼是:b { text-decoration: line-through; text-transform:
uppercase; color: #66FFFF}

  類似的,用lowercase使所有字母小寫顯示,capitalize使每個單詞的首字母大寫顯示。

  ★★下面則是產生連接變色效果的內容

  在上面的“例子1”中,如果作一點修飾,可以使具有link,active,visited屬性的連接顯示不同的顏色,但是卻不會產生鼠標覆蓋變色效果。先看下面的代碼,使連接文字顯示綠色,正在點擊的連接顯示色,已經反復問過的連接顯示紅色。算是復習前面的內容(別忘記。。

<style type="text/css">
<!--
a:link { text-decoration: none ; color: green }
a:active { text-decoration: none ; color: yellow }
a:visited { text-decoration: none ; color: red }
-->
</style>

  如果要產生變色效果,就要用到另一個屬性了,這就是hover,看下面的代碼。

  a:hover { text-decoration: none ; color: yellow }表示鼠標移動到連接文字上時,文字修飾風格為“無”(即沒有下劃線),同時顯示黃色。

  a:hover { text-decoration: underline; color: green }表示鼠標移動到連接文字上時,文字修飾風格為“underline”(即下劃線),同時顯示綠色。

  ★★擴展一下:如果我們同時用下面2種屬性,會產生什么效果呢?

a:link { text-decoration: none ; color: yelloe ; font-size: 9pt }
a:hover { text-decoration: underline; color: green ; font-size: 12pt }

  連接文字沒有下劃線,黃色顯示,9pt大小。鼠標移動到連接上時出現下劃線,顏色為綠色,字符大小12pt。是不是變色了?而且字體由于大小變化,就有動感了,似乎一下子擴大了。


快網保留以上說明的最終解釋權
快網,域名注冊,虛擬主機,ASP空間,企業郵局,SQL空間,主機租用,主機托管
   
熱門搜索:FTP 域名 DNS 備案 空間 郵箱 SQL 主機 快網 中文域名 虛擬主機
快網,域名注冊,虛擬主機,ASP空間,企業郵局,SQL空間,主機租用,主機托管
快網客服中心的相關信息:
v css改變鼠標顯示 [2009-3-18 14:08:26]
v CSS教程_CSS容器屬性 [2009-3-18 14:07:20]
v CSS字體屬性CSS字體屬性 [2009-3-18 14:06:00]
v JavaScript屬性 [2009-3-18 14:04:52]
v JavaScript技巧:讓網頁自動穿上外套 [2009-3-9 21:55:35]
快網,域名注冊,虛擬主機,ASP空間,企業郵局,SQL空間,主機租用,主機托管
快網,域名注冊,虛擬主機,ASP空間,企業郵局,SQL空間,主機租用,主機托管
如果您在使用我們的產品中遇到問題,建議您首先在“常見問題”中查詢解決方法;
如果沒有找到該問題的解決方法,您可以在“問題搜索”中進行搜索;
如果搜索后沒有找到滿意答案,您可以“在線提問”,我們會盡快給您答復。
快網,域名注冊,虛擬主機,ASP空間,企業郵局,SQL空間,主機租用,主機托管
域名注冊查詢中文域名轉碼
域名whois查詢網站PR值查詢
快網,域名注冊,虛擬主機,ASP空間,企業郵局,SQL空間,主機租用,主機托管

:::::: | 收藏本站 | 關于我們 | 客服中心 | 付款方式 | 聯系我們 | 網站律師 | 工作機會 | 網站地圖 | 產品管理 | ::::::

Copyright (C) 2003-2008 天津追日科技發展有限公司  Cnkuai.cn  快網.cn  中國快網.cn
野草社区在线观看_三分钟免费观看视频_日本最新免费二区三区