Html 如何使用CSS绘制移动设备边缘？

我是CSS新手，需要一些帮助来使用CSS制作移动边缘

如何使用CSS绘制移动设备边缘？这是我尝试过但无法做到的

*，
*：之后，
*：之前{
框大小：边框框；
}
.手机{
背景：#e0；
背景图像：-webkit线性渐变（顶部，#E0，#AEAE）；
背景图像：-莫兹线性梯度（顶部，#E0E0，#AEAE）；
背景图像：-ms线性梯度（顶部，#E0，#AEAE）；
背景图像：-o-线性梯度（顶部，#E0E0，#AEAE）；
背景图像：线性渐变（到底部，#e0，#AEAEAE）；
-webkit边界半径：9；
-莫兹边界半径：9；
边界半径：9px；
文本阴影：0px 0.5px 0px#fff；
字体系列：信使新；
颜色：#555555；
宽度：20%；
身高：40%；
字体大小：41px；
填充：10px 20px 10px 20px；
边框：实心#611px；
文字装饰：无；
位置：绝对位置；
盒影：0px 2px 2px#555555；
保证金：1px；
外形：#666666实心2件
}
.mobile:悬停{
文字装饰：无；
}

---

我会加倍处理你的

框影

声明，而不是试图争论

大纲

：

box-shadow: 0px 0px 0px 1px #666666, 0px 2px 2px #555555;

*，
*：之后，
*：之前{
框大小：边框框；
}
.手机{
背景：#e0；
背景图像：-webkit线性渐变（顶部，#E0，#AEAE）；
背景图像：-莫兹线性梯度（顶部，#E0E0，#AEAE）；
背景图像：-ms线性梯度（顶部，#E0，#AEAE）；
背景图像：-o-线性梯度（顶部，#E0E0，#AEAE）；
背景图像：线性渐变（到底部，#e0，#AEAEAE）；
-webkit边界半径：9；
-莫兹边界半径：9；
边界半径：9px；
文本阴影：0px 0.5px 0px#fff；
字体系列：信使新；
颜色：#555555；
宽度：20%；
身高：40%；
字体大小：41px；
填充：10px 20px 10px 20px；
边框：实心#611px；
文字装饰：无；
位置：绝对位置；
盒影：0px 0px 0px 1px#666666，0px 2px 2px#5555；
保证金：1px；
}
.mobile:悬停{
文字装饰：无；
}

试试这个

*，
*：之后，
*：之前{
框大小：边框框；
}
.手机{
背景：#e0；
背景图像：-webkit线性渐变（顶部，#E0，#AEAE）；
背景图像：-莫兹线性梯度（顶部，#E0E0，#AEAE）；
背景图像：-ms线性梯度（顶部，#E0，#AEAE）；
背景图像：-o-线性梯度（顶部，#E0E0，#AEAE）；
背景图像：线性渐变（到底部，#e0，#AEAEAE）；
-webkit边界半径：9；
-莫兹边界半径：9；
边界半径：9px；
文本阴影：0px 0.5px 0px#fff；
字体系列：信使新；
颜色：#555555；
字体大小：41px；
边框：实心#611px；
文字装饰：无；
盒影：0px 1px#555555；
保证金：1px；
显示器：flex；
}
.mobile:悬停{
文字装饰：无；
}

---

“移动边缘”？嗯？一个移动的边缘，或者一个看起来像手机侧面的边缘？我想他想画一个手机，并且正在寻找一些看起来像手机圆角的CSS。