设置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 18:06:57 浏览: 67
以下是设置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;
}
相关问题
将文本设置成斜体,黑体,字号为18像素,行高为字号的1.5倍,字体浓淡为900用css表示
您可以使用以下CSS代码将文本设置为斜体、黑体、字号为18像素、行高为字号的1.5倍、字体浓淡为900:
```
font-style: italic;
font-weight: 900;
font-size: 18px;
line-height: 27px; /* 18px * 1.5 */
font-family: "黑体", sans-serif;
```
将上述CSS代码应用到您要设置样式的文本元素即可。
父盒子高度百分比怎么设置行高居中
可以使用以下 CSS 属性设置父盒子高度百分比并居中行高:
```
.parent {
height: 50%; /* 设置父盒子高度为 50% */
display: flex; /* 使用 flex 布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
line-height: 1.5; /* 设置行高为 1.5 */
}
```
以上 CSS 代码中,通过 `height: 50%;` 设置了父盒子高度为 50%,然后使用 flex 布局的 `justify-content: center;` 和 `align-items: center;` 分别实现了水平和垂直居中,最后通过 `line-height: 1.5;` 设置了行高为 1.5。这样就可以在父盒子高度百分比的情况下,同时实现居中和设置行高。