CSS3 上邊框從左到右是一種在網頁制作和排版中非常常見的效果,通過CSS3中的border-top-left-radius和border-top-right-radius屬性,我們可以輕松實現這種樣式。
.border-top{ border-top: 1px solid #ccc; /*設置上邊框的樣式*/ border-top-left-radius: 5px; /*將上邊框左側圓角化*/ border-top-right-radius: 5px; /*將上邊框右側圓角化*/ }
在上述代碼中,我們首先設置了上邊框的樣式為1像素的實線邊框,并將上邊框的左側和右側分別圓角化了5像素,這樣就可以實現一個從左到右的邊框效果。
值得一提的是,CSS3還拓展了border-radius屬性,我們可以用這個屬性同時設置四個角落的圓角大小,從而實現更多復雜和豐富的樣式效果,比如說橢圓形的邊框等等。總之,CSS3中提供的新屬性和功能,對于網頁排版和制作來說是一個極大的進步和幫助。
下一篇css3 三角形兼容