html中的border、select、fixed如何用

這篇文章主要介紹“html中的border、select、fixed如何用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強(qiáng)，希望這篇“html中的border、select、fixed如何用”文章能幫助大家解決問題。

html中的border

只有某個角的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語句

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)選中第一個選項，也可以手動添加選中狀態(tài)，即在對應(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中的絕對定位，意思是相對于上一個定位元素的絕對位置，脫離文檔流

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

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

2. 使用場景

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

關(guān)于“html中的border、select、fixed如何用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。