在CSS中,div是一個非常常用的HTML標簽。通過CSS的樣式可以對div的邊距、圓角進行設置,從而達到不同的效果。
/* 設置邊距 */ div { margin: 10px; /* 設置四個方向的邊距均為10像素 */ margin-top: 20px; /* 僅設置上方的邊距 */ margin-bottom: 30px; /* 僅設置下方的邊距 */ margin-left: 5px; /* 僅設置左側的邊距 */ margin-right: 15px; /* 僅設置右側的邊距 */ } /* 設置圓角 */ div { border-radius: 5px; /* 設置四個角均為5像素的圓角 */ border-radius: 5px 10px; /* 設置左上和右下角為5像素,右上和左下角為10像素的圓角 */ border-top-left-radius: 20px; /* 僅設置左上角為20像素的圓角 */ border-top-right-radius: 15px; /* 僅設置右上角為15像素的圓角 */ border-bottom-left-radius: 10px; /* 僅設置左下角為10像素的圓角 */ border-bottom-right-radius: 5px; /* 僅設置右下角為5像素的圓角 */ }
可以將上述邊距代碼和圓角代碼混合使用,以實現更加豐富的樣式效果。例如,可以通過設置不同的邊距和圓角來制作出卡片式的布局。
上一篇css清邊距
下一篇css清楚i屬性是那個