CSS樣式視頻中最常用的一個效果就是:

圓角！

通過設置CSS的border-radius屬性，我們可以將一個盒子或者一個元素的邊框和角落變成圓角，如下所示:

.box {
width: 200px;
height: 200px;
border: 1px solid #ccc;
border-radius: 10px;
}

上述代碼將一個寬高為200px的盒子的邊框和角落都設置為了10px的圓角。

border-radius屬性還可以單獨設置四個角的圓角，如下所示:

.box {
width: 200px;
height: 200px;
border: 1px solid #ccc;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}

上述代碼將一個寬高為200px的盒子的邊框的左上角、右上角、左下角、右下角分別設置為了10px、20px、30px、40px的圓角。

不僅是盒子或者元素的邊框可以設置圓角，其他元素也可以，比如按鈕(button), 圖片(img)等等。

通過設置border-radius屬性，我們可以輕松地實現CSS樣式視頻中的圓角效果，讓頁面更加美觀。