x
 
<!DOCTYPE html>
<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>