CSS 繪制對角線
在 CSS 中,可以使用 `border-radius` 屬性來繪制對角線。該屬性控制圓角的半徑大小,以形成對角線。
以下是一個簡單的示例,演示如何使用 CSS 繪制對角線:
```html
<div style="width: 100px; height: 100px; background-color: blue;">
<div style="border-radius: 50px 50px 0 0;"></div>
<div style="border-radius: 50px 0 50px 0;"></div>
</div>
在上面的代碼中,第一個 div 元素設置了一個寬度和高度為 100 像素的背景顏色,第二個 div 元素設置了一個半徑為 50 像素的圓角,并且第二個元素包裹第一個元素。
您可以在瀏覽器中打開這個 HTML 文件,并查看生成的對角線效果。
上一篇css的卡片
下一篇css如何做翻轉圖片效果