0
A
回答
-1
这是绝对有可能的,但有点棘手,因为效果要稍微模拟。例如,对于中间选项卡的右边缘,必须使用中间选项卡上的border-radius
定义顶部边界曲线,但底部曲线必须使用右边的标签上的选项卡定义。效果的其余部分通过使用适当背景色的选项卡后面的元素来完成。
-1
有几种方法可以完成图像。例如,你可以用透明PNG做背景图像。
0
您可以使用每个选项卡that.set边界内部DIV并设置边框为您的主选项卡,现在你有两个边境
0
快速谷歌搜索“的CSS弯曲标签”给出了一个很好的文章作为第一次打击的css-tricks.com:(Better) CSS Tabs With Round Out Borders。该代码是在那里复制和粘贴,但这里涉及到的CSS技巧的总结:
- 使用的CSS
:before
和:after
伪元素创建标签的圆润与曲面边界半径风格的元素。 (这些具有position: absolute
的伪元素基本上提供了两个额外的绘图层 - 想象一下在选项卡的<li>
html元素顶部分层显示一张透明表,并在上面绘制标签的圆形元素)。 - 在圆形元素上使用巧妙的阴影设置来隐藏底层
<li>
元素的方形边缘。 - 在
<li>
元素上使用轻微的负边距可以使选项卡相互重叠。
这使所有css样式都保留在同一个元素上,并且可以使用不同的渐变,颜色方案和样式元素轻松配置。
相关问题
- 1. 设计一个嵌套的HTML标签
- 2. 使用Html和css的div标签的边缘曲线
- 3. HTML/CSS3 - 曲线
- 4. MongoDB设计 - 标签
- 5. WPF标签设计
- 6. 自举3水平双线标签
- 7. Prolog - 计算Koch曲线的坐标
- 8. 统计曲线ios
- 9. 双向数据总线设计
- 10. 双轴标签
- 11. 设计一个打印html标志和标签的java webapp
- 12. 设置多个HTML标签
- 13. Android如何设计标签
- 14. 如何计算线条和曲线的最近点? ..或曲线和曲线?
- 15. 如何用括号代替双曲线?
- 16. R中的广义双曲线分布
- 17. 线上缠绕纯HTML文本标签
- 18. HTML和CSS无线标签问题
- 19. 如何使用CSS和HTML设计hr标签?
- 20. HTML标签结束了我的响应式设计
- 21. 设计标签标题CSS与标签内容连接 - 圆角
- 22. 双主键设计
- 23. 解析HTML和用C#计数标签
- 24. 如何计算html标签和内容
- 25. Html标签标签和ASP.NET
- 26. 绘制学习曲线[Scitkit学习] - 如何设置x轴值/标签?
- 27. 提取歌曲的标签
- 28. 在线HTML网站设计师
- 29. HTML设计中的非线性阴影
- 30. 我不能使用jquery为标签标签设置html吗?
为什么不查看该网站的来源,看看他们是如何做到的? –
是的,这将是一个好主意,至少可以给我们链接吗? – Ivan
这是来自我自己的设计师的设计。所以它还没有在代码中实现。我意识到我有错误的措辞。抱歉。但是,是的。这个设计来自我的设计师。 –