-2
A
回答
1
你可以试试这个:
<span class="bubble">Speech bubble with a border</span>
CSS:
body { padding: 100px 10px;text-align: center;}
.bubble {
background-color: #eee;border: 2px solid #333;box-shadow: 5px 1px 5px #888888;border-radius: 5px;color: #333;display: inline-block;font:16px/24px sans-serif;padding: 12px 24px;position: relative;}
.bubble:after,
.bubble:before {
border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #eee;bottom: -20px;content: '';left: 50%;margin-left: -20px;position: absolute;}
.bubble:before {
border-left: 23px solid transparent;border-right: 23px solid transparent;border-top: 23px solid;border-top-color: inherit;bottom: -23px;margin-left: -23px;}
相关问题
- 1. 三角形div css阴影
- 2. 下载CSS三角形阴影
- 3. 在透明底部边框的div顶部的CSS三角形
- 4. CSS三角形和箱阴影
- 5. HTML/CSS创建三栏边框阴影
- 6. 铯元(三角形)阴影
- 7. 做一个分工与顶部的三角形形状和阴影
- 8. CSS多边形阴影
- 9. CSS transparant右上角三角形边框
- 10. 带三角形边框的箱形阴影创建雪佛龙形div div
- 11. Css框阴影解除左下角
- 12. HTML/CSS“阴影”边框?
- 13. Android的阴影下边框
- 14. 使用css边框绘制的三角形出现在文本顶部
- 15. 带三角形的Css边框
- 16. 三角形边框
- 17. 如何给一个尖角的三角形下拉阴影?
- 18. 如何使顶部的三角形边框响应
- 19. 如何使用CSS的div三角形的顶部和底部?
- 20. 边框角落:三角形
- 21. 底部顶部的复制框阴影
- 22. 具有边框半径和三角形边的CSS项目
- 23. 和圆形边角具体显示在特定边阴影只
- 24. 将阴影应用于三角形svg
- 25. 六边形阴影CSS JavaScript的
- 26. 边框阴影
- 27. 边框阴影
- 28. 箱子阴影转为使用css创建的三角形
- 29. 三角形周围的CSS盒子阴影
- 30. Javascript CSS菜单边框/框阴影