CSS 右下角 Border

/* 一個(gè)簡單的例子來說明 box-shadow 的用法。*/
div {
width: 200px;
height: 200px;
border-style: solid;
border-width: 1px;
border-color: #ccc;
border-bottom-right-radius: 10px;
}

如何在右下角添加 border 呢？我們可以使用 border-bottom-right-radius 來實(shí)現(xiàn)。

div {
border-bottom-right-radius: 10px;
}

這個(gè)屬性可以將 div 的右下角變成圓角。如果把它和 border-style 配合使用，就能夠在右下角添加 border 了。

div {
border-style: solid;
border-width: 1px;
border-color: #ccc;
border-bottom-right-radius: 10px;
}

這樣就能夠在 div 的右下角添加一個(gè)圓角的 border 了。

如果想要添加更多的圓角 border，可以使用 border-radius 屬性。該屬性可以同時(shí)控制四個(gè)角的圓角程度：

div {
border-style: solid;
border-width: 1px;
border-color: #ccc;
border-radius: 10px 0px 0px 10px;
}

上面的代碼實(shí)現(xiàn)了在 div 的左側(cè)頂部和左側(cè)底部添加了圓角 border，而右邊則沒有。