html中的border、select、fixed

這篇文章主要介紹了關於動態生成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. 增加預設選取

一般默认选中第一个选项，也可以手动添加选中状态，即在对应的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是優先權，定位position的優先級，不分absolute/relative/fixed.

2. 使用場景

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

相關推薦：

##關於HTML中的程式碼註解

HTML中的捲軸有哪些使用技巧

HTML中的meta設定方法

以上是html中的border、select、fixed的詳細內容。更多資訊請關注PHP中文網其他相關文章！