HTML-如何降低胡子的左侧？-堆栈溢出

顺晟科技

2022-10-18 13:02:57

166

在这里

输入图片描述这是我的代码：

<代码>.mastache{宽度：180px；高度：180px；边界半径：50%；位置：绝对；颜色：黑色；方框阴影：150px 240px 00当前颜色，300px 240px 0 0当前颜色；边距：20px；左：30%；}.mastache：在{内容："；"；;位置：绝对；左：30px；顶部：120px；宽度：210px；高度：120px；border-bottom：纯色180px当前颜色；边界半径：000100%；转换原点：右210px；}

顺晟科技：

尝试使用.mastache { width: 180px; height: 180px; border-radius: 50%; position: absolute; color: black; box-shadow: 150px 240px 0 0 currentColor, 300px 240px 0 0 currentColor; margin: 20px; left: 30%; } .mastache::before { content: " " ; position: absolute; left: 30px; top: 120px; width: 210px; height: 120px; border-bottom: solid 180px currentcolor; border-radius: 0 0 0 100%; transform-origin: right 210px; }：

<代码>.mastache{宽度：180px；高度：180px；边界半径：50%；位置：绝对；颜色：黑色；框阴影：150px 240px 0 0当前颜色，300px 240px 0 0当前颜色；边距：20px；左：30%；}.mastache：在{内容：“ ”；位置：绝对；左：30px；顶部：120px；宽度：210px；高度：120px；border-bottom：纯色180px当前颜色；边界半径：000100%；转换原点：右210px；变换：Rotatex（180deg）；}

<代码><；DIV类=“ mastache ”>；<；/DIV>；

上一篇：使用嵌入的JavaScript来设置下一篇：HTML-如何在Safari 15中

相关文章

推荐阅读

随机推荐

我们已经准备好了，你呢？

获取网站建设报价

2024我们与您携手共赢，为您的企业形象保驾护航！