极客观点
项目管理
HarmonyOS
问题描述
如何用纯css实现以下图形：
- 边框渐变
- 有内阴影、外阴影
- 背景渐变
补充分割线
心好累，居然被踩了，估计是把我当成伸手党了，我就提一下我的方案吧，问题关键在于圆角梯形、渐变边框、内外阴影三者的结合，大概能够实现，只是感觉过渡部分不是很好，想看看有没有更好的解决方案
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？
纯css绘制倒过来的等腰梯形的样式。而且可以把梯形的背景色调整为无色。可以接受复杂代码（比如布局复杂，单个div单个css样式是无法完成，需要多个div搭配多个样式），但是至少满足以下要求（1）可以调整边框的颜色大小粗细等，（2）可以调整边框内外阴影（3）梯形里面还能放文字3 回答5.1k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}5 回答1.9k 阅读
如何实现从一个div中拖拽dom到另一个div容器？
画布区域通过panzoom实现了放、缩、拖拽等基础功能，里面放置了一些dom节点，绝对定位，都有width、height、left、top属性，节点已经实现了移动功能，但是现在要求右侧有一个待操作面板，希望把右侧容器里面的dom拖拽到画布鼠标松开的位置，目前主要的困难是：点击右侧待操作区域节点时，如何计算该节点对应到画布区域的...2 回答2.6k 阅读✓ 已解决
css3如何实现这样的圆环效果?
8个扇形组成一个中间镂空的圆环，每个扇形之间有几个角度的空白间隙。如何实现这样的效果4 回答1.6k 阅读✓ 已解决
图片沿着圆环的转动有什么方法吗？
这种怎么让他沿着圆圈转起来呢，有什么css或者什么技术吗？该怎么切图呢，最好有个例子是最好的了，谢谢没有什么思路2 回答1.9k 阅读✓ 已解决
点击dom节点里面的子元素，如何点击的是某个节点？
在容器container上绑定了点击监听事件，node里面的布局如下，可能层级更多，如何判断，当点击node里面的任何dom元素时，都表示点击的是node节点？3 回答1.1k 阅读✓ 已解决
flex相关 flex: 1的子元素如何宽度能100%且不溢出？
{代码...} 正常一般就是在item上加overflow: hidden，但是想不改动item，只改里面的元素，是否不可能实现？1 回答3k 阅读✓ 已解决
内外阴影 box-shadow
背景渐变 background-image linear-gradient