CSS3是一種流行的樣式表語言，可以幫助我們創(chuàng)建美觀的網(wǎng)頁。其中一個比較有趣的新特性是長方形對角線。通過這個特性，我們可以將一個正方形或長方形的角落變成三角形，從而創(chuàng)造出獨特的設(shè)計效果。

.box {
width: 200px;
height: 200px;
border: 2px solid black;
transform: rotate(45deg);
}

上述代碼是創(chuàng)建一個長方形對角線的示例。首先，我們定義一個具有200像素寬和高的盒子，并設(shè)置黑色邊框。然后使用CSS3轉(zhuǎn)換rotate函數(shù)，將該盒子旋轉(zhuǎn)45度。這樣，在旋轉(zhuǎn)后，原來的矩形的兩個角會成為該矩形的對角線。您可以通過更改旋轉(zhuǎn)度數(shù)來獲得不同的角度。

如果您想要更改對角線的顏色或樣式，可以使用CSS3的其他屬性，例如border-top，border-right和border-bottom等。以下是一個例子。

.box {
width: 200px; 
height: 200px; 
border-bottom: 2px solid black;
border-right: 2px solid black;
transform: rotate(45deg);
}

在這種情況下，我們保留了black色的2像素寬度邊框，并刪除了其他三個側(cè)面的邊框。然后，我們通過對border-bottom和border-right屬性設(shè)置相同的顏色和粗細來創(chuàng)建對角線效果。

長方形對角線是CSS3的一個很好的特性，它可以幫助我們在網(wǎng)頁設(shè)計中獲得獨特的效果。與其他CSS3屬性一起使用，可以創(chuàng)建出一些優(yōu)美的視覺效果，使您的網(wǎng)站脫穎而出。