html中的border、select、fixed怎么用

這篇文章主要介紹html中的border、select、fixed怎么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

html中的border

只有某個(gè)角的border-radius

border-top-left-radius: 8px; 左上角弧度8px;
border-top-right-radius: 8px; 右上角
border-bottom-left-radius: 8px; 左下角
border-bottom-right-radius: 8px; 右下角

html 的select語(yǔ)句

1. 使用方法

<select name="site">
    <option value="0">zero</option>
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
    <option value="5">five</option>
</select>

2. 增加默認(rèn)選中

一般默認(rèn)選中第一個(gè)選項(xiàng)，也可以手動(dòng)添加選中狀態(tài)，即在對(duì)應(yīng)的option中添加selected="selected"

<select name="site">
    <option value="0">zero</option>
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
    <option value="5" selected="selected">five</option>
</select>

fixed和z-index

1. 解釋

• fixed是html中的定位的一種，意思是懸浮于文檔流之上

• absolute 是html中的絕對(duì)定位，意思是相對(duì)于上一個(gè)定位元素的絕對(duì)位置，脫離文檔流

• relative 是html中的相對(duì)定位，意思是相對(duì)于上一級(jí)定位元素的相對(duì)位置，不脫離文檔流

• z-index是優(yōu)先級(jí)，定位position的優(yōu)先級(jí)，不分 absolute/relative/fixed.

2. 使用場(chǎng)景

• 想點(diǎn)擊某個(gè)按鈕的時(shí)候讓整個(gè)屏幕蒙上一層黑蒙版，同時(shí)顯示一個(gè)框，在黑蒙版之上。這時(shí)就可以設(shè)置他們的z-index的值，以及定位類型

以上是“html中的border、select、fixed怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！