qcode
  • 创作工场专业版,一问多答!更智能、更完整、更原创
  • 这是一个超强内容创作平台,它会写文章、做设计、绘图、敲代码,有问必答!
🔥点击使用-高级专业版🔥

写css弹框样式

时间2023-04-06 14:57:39 提问来自 北京市北京市 的网友 分类创作 浏览445
```css .popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color:#000; /* 遮罩层背景色 */ opacity: 0.3; /* 遮罩层透明度 */ display:-webkit-flex; /* Safari */ display:-ms-flexbox; /* IE 10 */ .popup_content { /* 弹框内容样式*/ position:fixed ; /* 弹框定位*/ width : 500px ; /* 弹框宽度*/ height : 200px ; /* 弹框高度*/ top : 50% ; /* 距离顶部的距离,50%表示垂直方向居中对齐*/ left : 50% ; /* 距离左侧的距离,50%表示水平方向居中对齐*/ margin-top : -100px ;/* margin-top是负数,其值为弹出框的一半高度(也就是上下各有100px的margin);这样就可以使得弹出框处于整个页面的正中央。*/ margin-left : -250px ;/* margin-left是负数,其值为弹出框的一半宽度(也就是左右各有250px的margin) ;这样就可以使得弹出框处于整个页面的正中央。*/ background:#ffffff; /* 对话框背影 */ border-radius: 5px; //圆角大小 } } }                                //其他样式省略...                                               }                                //其他样式省略...                                          }                      }

点击这里,进行内容创作

创作工场 免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!

上一篇 中国目前集装箱利用的基本情况 下一篇 目标契合度