border右邊邊框縮進(jìn)，CSS中圖片怎么置頂？

使用DW讓網(wǎng)頁(yè)圖片置頂，可分三種情況：

1.CSSreset

在HTML標(biāo)簽在瀏覽器里有默認(rèn)的樣式，例如p

標(biāo)簽有上下邊距，strong標(biāo)簽有字體加粗樣式，em標(biāo)簽有字體傾斜樣式。不同瀏覽器的默認(rèn)樣式之間也會(huì)有差別，例如ul默認(rèn)帶有縮進(jìn)的樣式，在IE

下，它的縮進(jìn)是通過(guò)margin實(shí)現(xiàn)的，而Firefox下，它的縮進(jìn)是由padding實(shí)現(xiàn)的。在切換頁(yè)面的時(shí)候，瀏覽器的默認(rèn)樣式往往會(huì)給我們帶來(lái)麻

煩，影響開發(fā)效率。所以解決的方法就是一開始就將瀏覽器的默認(rèn)樣式全部去掉，更準(zhǔn)確說(shuō)就是通過(guò)重新定義標(biāo)簽樣式。“覆蓋”瀏覽器的CSS默認(rèn)屬性。最最簡(jiǎn)

單的說(shuō)法就是把瀏覽器提供的默認(rèn)樣式覆蓋掉

根據(jù)本題提問(wèn)主要涉及到以下CSSReset

html,body,

div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,

pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,

small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,

form,label,legend,caption,tbody,tfoot,thead,article,aside,

canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,

section,summary,time,mark,audio,video{margin:0;padding:0;

border:0;outline:0;vertical-align:baseline;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

td,tdimg{vertical-align:top}

2.圖片為頁(yè)面中插入的img，如<imgsrc="../images/1.jpg"/>

如果已經(jīng)設(shè)置了以上的cssreset，在沒有專門設(shè)置其它任何間距的情況下，圖片默認(rèn)也是置頂?shù)摹?/p>

3.圖片為背景圖片如

div{width:100%;height:50px;background:url(../images/1.jpg)lefttop

no-repeat;}其中的lefttop就是定義圖片位置的，讓圖片水平居左垂直居上顯示，也就是說(shuō)此時(shí)圖片也是置頂?shù)模籰efttop

也可以換成數(shù)值如background:url(../images/1.jpg)00no-repeat;