html中的border、select、fixed如何用

这篇文章主要介绍“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中的border、select、fixed如何用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。