CSS三角形对话框

请将 HTML 代码 `<div class="arrow-box">...</div>` 放置在页面中，
配合下方 CSS 代码，即可实现一个三角形箭头

预览区域

样式设置

箭头方向

上箭头右箭头左箭头下箭头

箭头位置

箭头大小

气泡高度

圆角大小

背景颜色

边框宽度

边框颜色

生成的 CSS 代码