国产99一区视频免费,亚洲视频一区二区在线,美女视频网站久久

網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。

【實(shí)例介紹】

css創(chuàng)建按鈕式超鏈接
很多網(wǎng)頁(yè)上的超鏈接都制作成各種按鈕的效果，這里當(dāng)鼠標(biāo)移動(dòng)到按鈕上時(shí)實(shí)現(xiàn)按下去的
效果，其原理是變換邊框之間的顏色。下面使用css制作一個(gè)漂亮的按鈕鏈接。

【實(shí)例代碼】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>創(chuàng)建按鈕式超鏈接</title>
</head>
<style><!--
a{         
 font-family: Arial;
 font-size: .8em;
 text-align:center;
 margin:4px;}
a:link, a:visited{     
 color: #A52310;
 padding:4px 10px 4px 10px;
 background-color: #ecd81c;
 text-decoration: none;
 border-top: 1px solid #EEEEEE;  
 border-left: 1px solid #EEEEEE;
 border-bottom: 1px solid #72221;
 border-right: 1px solid #72221;}
a:hover{        
 color:#831826;   
 padding:5px 8px 3px 12px;    
 background-color:#e2c4c8;   
 border-top: 1px solid #71121;  
 border-left: 1px solid #71121;
 border-bottom: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;}-->
</style>
<body>
<a href="#" _fcksavedurl="#">首頁(yè)</a>
<a href="#" _fcksavedurl="#">公司簡(jiǎn)介</a>
<a href="#" _fcksavedurl="#">公司新聞</a>
<a href="#" _fcksavedurl="#">公司動(dòng)態(tài)</a>
<a href="#" _fcksavedurl="#">聯(lián)系我們</a>
<a href="#" _fcksavedurl="#">論壇</a>
</body>
</html>

【代碼分析】

頁(yè)面body部分與所有HTML頁(yè)面一樣，利用超鏈接建立最簡(jiǎn)單的菜單結(jié)構(gòu)。在<head>內(nèi)

對(duì)<a>標(biāo)簽進(jìn)行整體控制，設(shè)置不同狀態(tài)下的樣式，對(duì)于鼠標(biāo)指針經(jīng)過時(shí)的超鏈接，相應(yīng)改變
文字顏色、背景色、位置和邊框，最終顯示效果如圖16．2所示。

創(chuàng)建按鈕式超鏈接
【素材及源碼下載】

請(qǐng)點(diǎn)擊：css創(chuàng)建按鈕式超鏈接下載本實(shí)例相關(guān)素材及源碼

網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 詳細(xì)頁(yè)面

css創(chuàng)建按鈕式超鏈接

本類教程下載

系統(tǒng)下載排行