久久精品免费网站,黄色片在线免费,看一级黄色录像

導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強大的網(wǎng)頁。因而，超級文本標記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立...

網(wǎng)頁的本質(zhì)就是超級文本標記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強大的網(wǎng)頁。因而，超級文本標記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于css實現(xiàn)橫向?qū)Ш胶拓Q向?qū)Ш綑诘姆椒ǎùa），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

一、豎向?qū)Ш?/p>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul{
list-style-type:none;
margin:0;
padding:0;
}

a{
display:block;
background-color:green;
color:white;
width:80px;
text-align:center;
padding:4px;
text-decoration:none;
}
a:hover,a:active{
background-color:#98bf21;
}

</style>
</head>
<body>
<ul>
<li><a herf="">首頁</a></li>
<li><a herf="">學(xué)習(xí)中心</a></li>
<li><a herf="">考試中心</a></li>
<li><a herf="">考試動態(tài)</a></li>
</ul>
</body>
</html>

運行結(jié)果：

2345截圖20180821104848.png

二、橫向?qū)Ш剑?/p>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li{
float:left;
}
a{
display:block;
background-color:pink;
color:white;
width:80px;
text-align:center;
padding:4px 0px;
text-decoration:none;
}
a:hover,a:active{
background-color:gray;
}

</style>
</head>
<body>
<ul>
<li><a herf="">首頁</a></li>
<li><a herf="">學(xué)習(xí)中心</a></li>
<li><a herf="">考試中心</a></li>
<li><a herf="">考試動態(tài)</a></li>
</ul>
</body>
</html>

運行結(jié)果：

2345截圖20180821104931.png

注意：

1、a標簽的display=block讓鏈接是一個可點擊的區(qū)域而不是文本。

2、a鏈接指定為block塊元素之后可以設(shè)置寬度，讓每個鏈接的寬度看起來一樣。

CSS圖片導(dǎo)航_html/css_WEB-ITnose

以上就是css實現(xiàn)橫向?qū)Ш胶拓Q向?qū)Ш綑诘姆椒ǎùa）的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！

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

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:雨林木風(fēng)下載站 > 網(wǎng)頁設(shè)計教程 > 詳細頁面

css完成橫向?qū)Ш脚c豎向?qū)Ш綑诘姆椒ǎùa）

本類教程下載

系統(tǒng)下載排行