css圓角邊框陰影（css圓角）

關(guān)于css圓角邊框陰影，css圓角這個(gè)問(wèn)題很多朋友還不知道，今天小六來(lái)為大家解答以上的問(wèn)題，現(xiàn)在讓我們一起來(lái)看看吧！

1、css代碼：.yj{ padding:10px; width:300px; height:50px; border: 2px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; } -moz-border-radius: 15px; -webkit-border-radius: 15px; 這兩個(gè)是為了兼容其他一些不常用瀏覽寫的css圓角代碼html代碼：這個(gè)div四個(gè)角都圓15px;結(jié)果如下：圖片圓角也是一樣的：css代碼：.yj{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}html代碼：結(jié)果如下：3css3圓角代碼也支持上下左右的：css代碼這么寫：.yj{ padding:10px; width:300px; height:50px; border: 2px solid #000000; -moz-border-radius: 0px 0px 20px 25px;; -webkit-border-radius: 0px 0px 20px 25px;; border-radius:0px 0px 20px 25px;; }。

本文分享完畢，希望對(duì)大家有所幫助。

標(biāo)簽：