CSS圓角背景是一個非常流行的設計元素,它可以讓網站看起來更加美觀和現代化。下面是一些CSS圓角背景的代碼示例:
.rounded-background { background-color: #fff; border-radius: 20px; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .rounded-background-alt { background-color: #f1f1f1; border-radius: 20px; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 1px solid #bbb; } .rounded-background-primary { background-color: #007bff; border-radius: 20px; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); color: #fff; }
這些代碼使用了CSS的border-radius屬性來實現圓角背景。該屬性指定元素的邊角的半徑,從而使元素的角變為圓形。
此外,這些例子還包括了一些其他的CSS屬性,如background-color、padding、box-shadow和border等,這些屬性可以幫助您進一步改善您的圓角背景設計。