主页
CSS 参考手册
CSS marker-end 属性
trycss3_marker-end
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> #test { marker-end: url(#arrow); } </style> </head> <body> <h1>The marker-end Property</h1> <svg height="250" width="350" xmlns="https://w3org.cn/2000/svg"> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="5" refY="5" orient="auto"> <path d="M 0 0 L 10 5 L 0 10 z" fill="black" /> </marker> </defs> <polyline id="test" points="35,40 35,170 200,170" stroke="red" stroke-width="3" fill="none" /> Sorry, your browser does not support inline SVG. </svg> </body> </html>