課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
active表示一個按鈕或則標簽的什么狀態?
2015-03-20
源自:玩轉Bootstrap(基礎) 7-23
正在回答
如果你想讓某一列在頁面還未點擊前就已顯示被選中的狀態,那么直接在后門添加active即可,那么當你打開這個網頁的時候,標記active的那一列默認就已經為選中的樣式
有N個列表、N個頁碼、N個鏈接……怎么快速的識別當前項?active:表示當前的狀態當然你也可以自己寫個你容易理解的名字來給當前項做個樣式,類名,類里的內容都是可以修改的,只要能實現目的:區分出當前項
:active 選擇器用于選擇活動鏈接。
當您在一個鏈接上點擊時,它就會成為活動的(激活的)。
舉個栗子:
<!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>active 選擇器</title>
<style>
a:active{background-color:yellow;}
</style>
</head>
<body>
<a href="http://www.xianlaiwan.cn/">慕課網</a>
<p><b>注釋:</b>:active 選擇器為活動的鏈接設置樣式。</p>
</body>
</html>
運行效果如下:
當鼠標點擊那一瞬間,a標簽就被激活了,背景顏色就成了黃色。
你可以把代碼復雜到本地,感受一下。
tip:按住鼠標不放,會一直是活動狀態,背景顏色會一直是黃色的喲~~
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
3 回答不理解for的含義
4 回答class=“form-group”是何意義?
2 回答“.table-striped > tbody > tr:nth-child(odd) > th”這句不太理解
5 回答我想實現點擊切換active,實現不了
3 回答active方面的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-17
如果你想讓某一列在頁面還未點擊前就已顯示被選中的狀態,那么直接在后門添加active即可,那么當你打開這個網頁的時候,標記active的那一列默認就已經為選中的樣式
2015-09-18
有N個列表、N個頁碼、N個鏈接……
怎么快速的識別當前項?
active:表示當前的狀態
當然你也可以自己寫個你容易理解的名字來給當前項做個樣式,類名,類里的內容都是可以修改的,只要能實現目的:區分出當前項
2015-03-20
:active 選擇器用于選擇活動鏈接。
當您在一個鏈接上點擊時,它就會成為活動的(激活的)。
舉個栗子:
<!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>active 選擇器</title>
<style>
a:active{background-color:yellow;}
</style>
</head>
<body>
<a href="http://www.xianlaiwan.cn/">慕課網</a>
<p><b>注釋:</b>:active 選擇器為活動的鏈接設置樣式。</p>
</body>
</html>
運行效果如下:
當鼠標點擊那一瞬間,a標簽就被激活了,背景顏色就成了黃色。
你可以把代碼復雜到本地,感受一下。
tip:按住鼠標不放,會一直是活動狀態,背景顏色會一直是黃色的喲~~