色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css實現(xiàn)注冊登錄切換

CSS技術可以在網(wǎng)頁上實現(xiàn)許多有用的功能,比如通過CSS實現(xiàn)注冊登錄切換等功能。在以下代碼片段中,我們將介紹如何使用CSS實現(xiàn)這個有用的功能:

/*登錄注冊切換功能,利用CSS實現(xiàn)*/
#tabmenu{
width:400px;
margin:20px auto;
}
#tabmenu li{
float:left;
list-style:none;
margin-right:20px;
}
#tabmenu li a{
color:#fff;
background:#4a4a4a;
border:1px solid #888;
padding:5px 20px;
text-decoration:none;
border-radius:5px 5px 0 0;
}
#tabmenu li a:hover{
background:#555;
}
#tabmenu .active a{
background:#fff;
color:#4a4a4a;
border-bottom:none;
cursor:default;
}
#tab-body .tab_item{
display:none;
padding:15px;
border:1px solid #888;
border-top:none;
}
#tab-body .active{
display:block;
}

在這個代碼中,我們首先定義了一個包含li的id為tabmenu的容器。然后,我們使用了float:left來left浮動li元素,使它們排列在同一行上。

下一步,我們定義了id為tabmenu的li元素的樣式,包括顏色、背景、邊框、內邊距、文本裝飾等。我們還使用了border-radius來圓角化元素的角落。

接下來,我們使用了:hover偽類來定義當鼠標移動到id為tabmenu的li元素上時的樣式。我們還定義了.active類來表示當前選定的元素,并使用cursor:default來禁用鼠標懸停。

最后,我們定義了包含tab_item類的id為tab-body的容器。我們使用display:none來將這些元素隱藏,并使用padding、邊框及其它樣式來控制元素的外觀。我們還定義了.active類來表示當前選定的元素,并使用display:block來將其顯示在當前頁面上。

這就是我們如何使用CSS實現(xiàn)注冊登錄切換的功能。如果你想實現(xiàn)這個功能,你可以使用以上代碼進行嘗試。希望這篇文章對你有所幫助!