层的html代码为-什么?

层的html代码为-什么?,第1张

<div></div>

层其实是网页设计布局中的概念,网页是由一个个层或块构成的,层和层之间可以重叠,处于上方的层可以覆盖下方的层,层还可以浮动,这样来达到各种各样的网页布局。层的这些表现方式(样式)是通过css来进行控制的。css即级联样式表也叫层叠样式表,是控制网页中各种元素表现样式的集合。如今最常用也是最广泛、最主流的做法是使用<div></div>标签作为层来应用css样式。所以div+css的含义就是使用<div></div>标签作为层来应用css样式进行网页布局的HTML设计方案。

所以单从html角度去看,层的代码就是<div></div>。

(要加的那个DIV的 id或者class 名){ display:none}

table名 a:hover (要加的那个DIV的 id或者class 名){

display:block// 显示出div

position:absolute//设置为绝对定位

left:150px//离左边150像素 (以浏览器左上角为基准)

top:0px//离上边0像素 (以浏览器左上角为基准) z-index:1//设置飘起来在上层。数字越大,越在上

width:100px//宽度

height:auto//自适应高度

background-color:#eee//背景颜色

border:1px solid #234 //边框

}可以尝试一下。意思就是:在你要家的那个位置,加个DIV,取个class,然后设置成 display:none(意思为隐藏) 然后再设置 a的伪类,鼠标移过去,他就显示出来,或者鼠标点击,他显示出来


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7399965.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-05
下一篇2023-04-05

发表评论

登录后才能评论

评论列表(0条)

    保存