W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> #example1 { border: 2px solid red; /* 边框为 2 像素宽的红色实线 */ padding: 10px; /* 内边距为 10 像素 */ direction: rtl; /* 文本方向为从右到左 */ border-end-end-radius: 25px; /* 块结束与行内结束交角的圆角半径为 25 像素 */ } </style> </head> <body> <h2>border-end-end-radius: 25px:</h2> <div id="example1"> <p>当 direction 属性值设置为 'rtl' 时，行内方向的末端现在位于元素的左侧，因此 border-end-end-radius 属性的效果也随之改变。</p> </div> </body> </html>