css小技巧

  1. 文字水平垂直居中
文字行高 = 盒子高
<body>
    <div>文字垂直居中</div>
</body>

div {
    height: 40px;
    width: 250px;
    font-size: 16px;
    background-color: aqua;
    line-height: 40px;
    text-align: center;
}

效果：
image

  1. 背景色半透明
<div></div>

div {
    width: 200px;
    height: 100px;
    background-color: rgb(0, 0, 0, 0.5);
}

效果：
image

posted @ 2023-06-16 20:58  Morita-desin  阅读(28)  评论(0)    收藏  举报