用css3怎樣實現高亮

h5中有一個mark雙標簽，可以直接實現高亮。它不需要添加css樣式。

站在用戶的角度思考問題，與客戶深入溝通，找到武穴網站設計與武穴網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站設計、做網站、企業官網、英文網站、手機端網站、網站推廣、空間域名、網頁空間、企業郵箱。業務覆蓋武穴地區。

如何讓這個css選項卡達到高亮選中項

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

titleFree CSS Navigation Menu Designs 2 at exploding-boy.com/title

style type="text/css"

!--

body {

margin:0;

padding:0;

font: bold 14px/1.5em Verdana;

}

img {

border: none;

}

/*- Menu Tabs 10--------------------------- */

#tabs10 {

float:left;

width:100%;

font-size:93%;

border-bottom:1px solid #2763A5;line-height:normal;

}

#tabs10 ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabs10 li {

display:inline;

margin:0;

padding:0;

}

#tabs10 a {

float:left;

background:url(";k=210b03fea66c7fb373e645375955f89et=1271318872noupdate=yesnothumb=yes") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabs10 a span {

float:left;

display:block;

background:url(";k=94fc9918c2d649d5968cf6238e24a62ct=1271318872noupdate=yesnothumb=yes") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs10 a span {float:none;}

/* End IE5-Mac hack */

#tabs9 a:hover span {

color:#FFF;

}

#tabs10 a:hover {

background-position:0% -42px;

}

#tabs10 a:hover span {

background-position:100% -42px;

}

#tabs10 #current a {

background-position:0% -42px;

}

#tabs10 #current a span {

background-position:100% -42px;

}

--

/style

/head

body

div id="tabs10"

ul

!-- CSS Tabs --

lia href="Home.html"span主頁地方/span/a/li

lia href="Products.html"span產品/span/a/li

lia href="Services.html"span服務/span/a/li

li id="current"a href="Support.html"span支持/span/a/li

lia href="Order.html"span訂購/span/a/li

lia href="About.html"span關于/span/a/li

/ul

/div

/body

/html

CSS高亮是什么意思?

對于快速定位，個人的經驗處理一般如下： 1、檢查頁面的標簽是否閉合 不要小看這條，也許折騰了你兩天都沒有解決的 CSS BUG 問題，卻僅僅源于這里。畢竟頁面的模板一般都是由開發來嵌套的，而他們很容易犯此類問題。 快捷提示：可以用 Dreamweaver 打開文件檢查，一般沒有閉合的標簽，會黃色背景高亮。 2、樣式排除法 有些復雜的頁面也許加載了 N 個外鏈 CSS 文件，那么逐個刪除 CSS 文件，找到 BUG 觸發的具體 CSS 文件，縮小鎖定的范圍。 對于剛才鎖定的問題 CSS 樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發樣式定義，甚至是具體的觸發樣式屬性。 3、模塊確認法 有時候我們也可以從頁面的 HTML 元素出發。刪除頁面中不同的 HTML 模塊，尋找到觸發問題的 HTML 模塊。 4、檢查是否清除浮動 其實有不少的 CSS BUG 問題是因為沒有清除浮動造成的。養成良好的清除浮動的習慣是必要的，推薦使用 無額外 HTML 標簽的清除浮動的方法（盡量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動，會有太多的限制性）。 5、檢查 IE 下是否觸發 haslayout 很多的 IE 下復雜 CSS BUG 都與 IE 特有的 haslayout 息息相關。熟悉和理解 haslayout 對于處理復雜的 CSS BUG 會事半功倍。推薦閱讀 old9 翻譯的 《On having layout》（如果無法翻越穿越偉大的 GFW，可閱讀 藍色上的轉帖 ） 快捷提示：如果觸發了 haslayout，IE 的調試工具 IE Developer Toolbar 中的屬性中將會顯示 haslayout 值為 -1。 6、邊框背景調試法 故名思議就是給元素設置顯眼的邊框或者背景（一般黑色或紅色），進行調試。此方法是最常用的調試 CSS BUG 的方法之一，對于復雜 BUG 依舊適用。經濟實惠還環保^^ 最后想強調一點的是，養成良好的書寫習慣，減少額外標簽，盡量語義，符合標準，其實可以為我們減少很多額外的復雜 CSS BUG，更多的時候其實是我們自己給自己制造了麻煩。

CSS導航代碼高亮顯示的修改（全部分奉上）

script language="javascript"

!--

function changeEl(El){

try{

if(typeof El != "object") {

return;

}

var els = document.all("ttttt");

if(typeof els == "object" els != null){

if(!els.length)els = [els];

for(var i in els){

els[i].setAttribute("id", "pageLinks");

}

}

El.setAttribute("id", "ttttt");

}catch (E){}

}

//--

/script

ID名ttttt是高亮樣式，pagelinks是默認樣式，調用ttttt是把這樣默認的覆蓋掉，這樣調用div id="pageLinks" onClick="changeEl(this)"a href="#"123/a

定義兩個ID樣式（#pageLinks和#ttttt），然后貼上我的代碼，就可以了，有什么好解釋滴？

多說無益，實踐才是真理啊伙計

標題名稱：css高亮樣式,高亮代碼的css樣式
文章起源：http://vcdvsql.cn/article22/dsdehcc.html

成都網站建設公司_創新互聯，為您提供移動網站建設、標簽優化、企業網站制作、全網營銷推廣、網站排名、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯