/*通配符选择器，清除所有标签的内外边距*/*{selectmargin:0;填充*类：0；}/Device*/.box{background-color:skyblue;/*设置背景色为天蓝色*/width:200px;/*设置宽度为200px*/height:200px;/*设置高度为200px*/位置：相对；/*设置定位方式为相对定位*/margin:50pxauto;/*实现元素水平居中*/}/*组选择器和后代选择器*/.box.left,.box.right{width:100px;/*设置宽度为100px*/height:160px;/*设置高度为160px*/background-color:pink;/*设置背景颜色为粉色*/border-radius:50px50px00;/*设置左上角右上角与右上角的夹角为50px，左下角与右下角的夹角为0*/position:absolute;/*设置定位方式为绝对定位*/left:0;/*设置水平坐标位置*/top:0;/*设置垂直坐标位置*/}/*后代选择器选择框元素中的左边元素*/.box.left{transform:rotate(-45deg);/*设置逆时针旋转45度*/}/*后代选择器在box元素中选择右边的元素*/.box.right{transform:rotate(45deg);/*设置顺时针旋转45度*/left:43px;/*设置横坐标位置*/>HTML结构【HTML】纯文本视图复制代码?1234
