首页 > web前端 > html教程 > html中的border、select、fixed

html中的border、select、fixed

不言
发布: 2018-04-26 17:06:46
原创
2745 人浏览过

这篇文章主要介绍了关于动态生成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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板