A. DIV+CSS如何通過圓角背景圖片實現網頁中插入的其他圖片顯示為圓角
BODY裡面的代碼:
<ulclass="sc1">
<li><arel="sc"href="/p/uploadfile/201109/15/8712819728.jpg"><imgsrc="80x80.jpg"alt="海洋之心"/><span></span></a></li>
</ul>
CSS代碼:
img{border:0;}
.sc1{padding:10px045px;clear:both;width:930px;overflow:hidden}
.sc1li{float:left;width:80px;margin:012px12px0;display:inline}
.sc1img{width:80px;height:80px;display:block}
.sc1a:hoverimg{filter:Alpha(Opacity=60);opacity:0.6}
.sc1aspan,.sc1a:hoverspan{position:relative;margin:-80px000;float:left;background:url(i.png)no-repeat;_background:url(i.gif)no-repeat;width:80px;height:80px;cursor:pointer}
i.png這個是圓角背景圖片
最後效果如圖:
樓主自己試一下。還不懂的給我留言!
B. 如何使用div實現圓角背景,即一個背景圖片的四個角是圓角的
這個要看你本身想怎麼實現的
1、你可以把你的哪個圓角的圖片,切成,上面兩個角還有是一起的,下面兩個角是一起的一張圖片,然後中間在放文字或者其他的就好了
2、直接作為背景圖片,要是你不會改變它的大小的話
C. css圓角背景圖片怎麼弄呀
一般是用畫好的圓角圖片充當背景來實現的,用photoshop畫好圓角,切成需要的大小來填充背景即可
當然也有不要圖片的做法,原理就是通過div來模擬像素的拐角,做法太極端,一般不採用。
D. 怎麼用PS把圖片的直角改成圓角
1、打開圖片,依次選擇【選框工具】-【矩形選框工具】。
E. 怎麼用photoshop將圖片變成圓角的邊框並且圓角的角度可以調整
1、首先在電腦上打開拍攝軟體,然後在PS中打開需要處理的圖片。
F. 如何使用css讓圖片顯示圓角
CSS3圓角只需設置一個屬性:border-radius(含義是"邊框半徑")。你為這個屬性提供一個值,就能同時設置四個圓角的半徑。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
代碼實例:border-radius: 15px;
1、把下列代碼添加進入你的<style>標簽內
總結
這是個很實用的方法,可以讓圖片看起來更「精巧」一些
G. css圓角背景切圖做圓角
分成三塊,左邊,右邊,中間切一像素背景就行了。
或者用CSS3的border-radius: 15px;可以直接圓角,但是不是持有瀏覽器都支持。
H. 如何製作圓角圖片
直接用這個在線圖片轉圓角圖片的工具吧,直接設置一下圓角的數值,馬上就能出結果,非常好用。還能單獨設置圖片四個角是否需要變成圓角。圖片背景是透明的,沒有白邊,正好符合你要求。在線生成圓角圖片,PNG|JPG圖片轉圓角
▼ 生成圓角圖片工具使用步驟:
一、首先選定一張照片,通過改變圓角大小的數值,下方會顯示照片轉換效果的實時預覽,默認生成的圓角為60px。
二、可以通過多選框單獨選擇圖片需要被轉換成圓角的角,默認是圖片的四個角都會被轉換成圓角。
三、圖片預覽顯示的是轉換後的縮略圖,而下載時候是轉換生成的原始大小和原始清晰度的圖片。
四、因為jpg等格式的圖片不支持透明背景,所以如果選定的照片原始格式為jpg等,會自動將照片轉換為png格式,那麼在下載時png照片佔用的存儲空間可能會顯著增大。
五、如果圓角設置過大,可能會造成不可預計的轉換結果,應當在合理范圍內設置圖片圓角的大小。
I. photoshop圖片做圓角,背景刪除後是綠色不是透明
是不是這樣的?圓角的用矩形工具可以製作出來,柵格化為圖層,然後再描個邊框,這樣看的明顯點,然後再把填充色調為0