<style>
*{
margin: 0;
padding: 0;
}
body{
background-color: #555;
}
.box{
width: 700px;
height: 200px;
background-color: #fff;
margin: 200px auto;
display: flex;
align-items: center;
justify-content:space-between;
padding: 0 50px;
}
.box div{
width: 100px;
height: 100px;
background-color: #e7e7e7;
border-radius: 8px;
display: flex;
padding: 5px;
}
.box span{
width: 24px;
height: 24px;
background-color: #333333;
border-radius: 50%;
box-shadow:0 4px 4px #111111 inset,0 -4px 4px #555 inset;
}
.box div:nth-child(1){
align-items: center;
justify-content: center;
}
.box div:nth-child(2){
用CSS代码做出骰子
于 2022-03-02 16:59:03 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)