设置class值为box的div区块效果 高度100像素。 宽度200像素。 div内容黑色。 背景金色。 文本居中。 行高100像素。 内边距上下200像素, 左右自动。 文字阴影下偏移2像素,右偏移2像素,模糊半径5像素,红色。 div圆角半径20像素。边线1像素,实线,深红色。 div阴影下偏移2像素,右偏移2像素,模糊半径5像素,黑色。 div内部阴影水平偏移2像素,垂直偏移2像素,模糊半径5像素,黑色。
时间: 2023-05-22 15:06:57 浏览: 161
line-height使文本居中的3像素bug问题
以下是设置class值为box的div区块的CSS样式代码:
.box {
height: 100px;
width: 200px;
background-color: gold;
color: black;
text-align: center;
line-height: 100px;
padding-top: 200px;
padding-bottom: 200px;
padding-left: auto;
padding-right: auto;
text-shadow: 2px 2px 5px red;
border-radius: 20px;
border: 1px solid darkred;
box-shadow: 2px 2px 5px black;
position: relative;
}
.box:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: black;
opacity: 0.5;
z-index: -1;
box-shadow: 2px 2px 5px black;
}
阅读全文