控制圖片:
創(chuàng)新互聯(lián)是專(zhuān)業(yè)的達(dá)拉特網(wǎng)站建設(shè)公司,達(dá)拉特接單;提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行達(dá)拉特網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
img{
width:100px;
height:100px; //這里的寬度和高度對(duì)全局圖片都生效,建議不采用。
border:1px solid #cccccc//設(shè)置圖片為灰色的一像素的邊框。
border:none; //不顯示圖片邊框。在圖片是個(gè)鏈接時(shí)有用。
float:left/right; //控制圖片的浮動(dòng)方式。
……
}
控制背景圖片:
.div_img{
background:url(xxx/xxx.jpg) repeat-x;//背景圖片沿X軸重復(fù)顯示
background:url(xxx/xxx.jpg) repeat-y;//背景圖片沿Y軸重復(fù)顯示
background:url(xxx/xxx.jpg) no-repeat 5px 12px;//背景圖片不重復(fù), 且位置為X軸:5px Y軸為:12px(從該容器的左上角算起)
}
filter:shadow(color=#CCCCFF,direction=135);
把圖片用CSS定義,定義的樣式在上面
color為投影的顏色 direction為陰影的大小
css有很多效果不需要PS就能實(shí)現(xiàn)的,看你怎么運(yùn)用了
style
body,td,th { color:#666666;}
body { background-color: #fff; margin-left: 6px; margin-top: 6px;}
.a1 { bottom:332px; right: 230px; border: 1px solid #999999; padding:4px;}
.a1 img{
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
/style
/head
body
div class="a1"img src="images/logo.jpg" width="332" height="230"http://div
/body
bottom:332px; right: 230px; 這段不知道你是派什么用處的,你并沒(méi)有設(shè)置絕對(duì)定位的屬性,那么bottom和right這兩個(gè)用作定位的屬性是無(wú)效的
可以加,比如之際在圖片上直接寫(xiě)樣式,如img src="Bg.png" width="10" height="10" style="樣式" /
或者在樣式表里定義如
div class="Bg"img src="Bg.png" width="10" height="10" //div
.Bg img{樣式}
不知道你div結(jié)構(gòu),你應(yīng)該把div貼出來(lái),才能幫你改。
如果說(shuō)設(shè)置圖片邊框填充的話,很簡(jiǎn)單。
舉個(gè)例子:
.img?{width:160px;?height:120px;?padding:5px;?margin:0;?border:1px?solid?#ccc;}
這個(gè)是設(shè)置填充了的。
╔------------------------------╗
┆??hanhan1019?原創(chuàng)回答?┆
╚------------------------------╝
網(wǎng)站欄目:css樣式包含圖片和邊框,css樣式包含圖片和邊框的區(qū)別
文章網(wǎng)址:http://vcdvsql.cn/article34/dsdiipe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、網(wǎng)站收錄、動(dòng)態(tài)網(wǎng)站、軟件開(kāi)發(fā)、、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)