<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>