<html>
<head>
<style>
#example2 {
border: 2px solid red; /* 边框为 2 像素宽的红色实线 */
inline-size: 300px; /* 行内方向宽度为 300 像素 */
padding: 10px; /* 内边距为 10 像素 */
writing-mode: vertical-rl; /* 书写模式为从右到左的垂直方向 */
border-end-end-radius: 25px; /* 块结束与行内结束交角的圆角半径为 25 像素 */
}
</style>
</head>
<body>
<h2>border-end-end-radius: 25px:</h2>
<div id="example2">
<p>当 writing-mode 属性值设置为 'vertical-rl' 时,受 border-end-end-radius 属性影响的交角位于右下角。</p>
</div>
</body>
</html>