html:
<button onclick=""bombClick()" >点击弹框</button>
<div id="bombContain"></div>
<div id="bomb_div"></div>
css:
#bombContain{
z-index: 199412204822//z-index只有在定位元素上生效，默认值static是没有定位的
background-color:#000
opacity:0.6
top:0
left:0
width:100%
height:100%
position:fixed
display:none
}
#bomb_div{
z-index:199412204822
width:34%
height:450px
top:66px
left:36%
margin:0
padding:0
background-color:#fff
box-shadow:1px 1px 50px rgba(0,0,0,.3)
position:fixed
display:none
}
js:
function bombClick(){
$("#bombContain").css("display","block")
$("#bomb_div").css("display","block")
}
CSS:\x0d\x0a.box {width:500pxheight:200pxborder:1px solid #0000FF}\x0d\x0a.siteName{font-size:24pxfont-family:..（定义字体样式、大小等）}\x0d\x0a页面：\x0d\x0a\x0d\x0a\x0d\x0a欢迎光临某某某网站 \x0d\x0a\x0d\x0a\x0d\x0a应该就可以了。 回答于 2022-12-14只是第一种的代码，第二种的话只需要吧div的实线solid改为虚线dashed就可以了
<style>#a{ list-style:nonemargin:0px padding:0px border:2px solid #000 width:400px}
#a ul{ margin:0px padding:0px}
#a ul li{ list-style:none height:30px line-height:30px border-bottom:2px dashed #000 text-align:center}
#a ul li.no{list-style:noneborder-bottom:0px}
</style>
<div id="a">
<ul>
<li>写一些文字</li>
<li>写一些文字</li>
<li>写一些文字</li>
<li class="no">写一些文字</li>
</ul>
</div>
