html中的border、select、fixed如何用

这篇文章主要介绍“html中的border、select、fixed如何用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“html中的border、select、fixed如何用”文章能帮助大家解决问题。

创新互联:2013年开创至今为各行业开拓出企业自己的“网站建设”服务,为千余家公司企业提供了专业的成都网站制作、成都做网站、网页设计和网站推广服务, 按需规划网站由设计师亲自精心设计,设计的效果完全按照客户的要求,并适当的提出合理的建议,拥有的视觉效果,策划师分析客户的同行竞争对手,根据客户的实际情况给出合理的网站构架,制作客户同行业具有领先地位的。

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. 使用方法


    zero
    one
    two
    three
    four
    five

2. 增加默认选中

一般默认选中第一个选项,也可以手动添加选中状态,即在对应的option中添加selected="selected"


    zero
    one
    two
    three
    four
    five

fixed和z-index

1. 解释

  • fixed是html中的定位的一种,意思是悬浮于文档流之上

  • absolute 是html中的绝对定位,意思是相对于上一个定位元素的绝对位置,脱离文档流

  • relative 是html中的相对定位,意思是相对于上一级定位元素的相对位置,不脱离文档流

  • z-index是优先级,定位position的优先级,不分 absolute/relative/fixed.

2. 使用场景

  • 想点击某个按钮的时候让整个屏幕蒙上一层黑蒙版,同时显示一个框,在黑蒙版之上。这时就可以设置他们的z-index的值,以及定位类型

关于“html中的border、select、fixed如何用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


新闻标题:html中的border、select、fixed如何用
分享链接:http://hbruida.cn/article/pejihh.html