|
主题: CSS样式怎样用设置边框的样式变成图片呢?
|
vickie_5d
职务:普通成员
等级:3
金币:2.0
发贴:946
|
#12004/12/15 10:06:21
.TopGroup { background-image:url(/Theme/Default/Image/pg/center_bg.gif); line-height: 32px; border-width:0px; border-color:#D9D9E6; border-style:solid; cursor:default; } 上面的这个样式,是设置了表格边框的样式(四周都是实的边框线),可是我想插入一个图片,只想在它的右边插入一个图片,不知道怎么来写CSS。 如果想定义表格的右边框的样式可以这么写 style="border-right:1px solid #00ff00" 可是,我想在右边自动加一个图片呢?怎么写才对呢?
|
不是高手
职务:普通成员
等级:3
金币:5.0
发贴:1352
|
#22004/12/15 15:38:24
你border-width都为0了,后面的border-color、border-style不都是废话了嘛 而且你说上面的这个样式,是设置了表格边框的样式(四周都是实的边框线),你认为这个效果能达到吗? 只想在他的右边插图片?那对于这个单元格,你右对齐不行吗?或者:text-align:right
|
vickie_5d
职务:普通成员
等级:3
金币:2.0
发贴:946
|
#32004/12/15 20:49:12
啊。。。。。。。。。。。。。 原来边框是1的,后面我测试,改来改去,没有改过来。 style="border-right:1px solid #00ff00" (这句,好像是表格的右边框。。。晕晕。错了)
text-align:right //这个是对DIV区域块内的文字对齐吧?图片可以用吗? 而且我的一个单元格内同时放着文字和图片。
晕 ̄的
|
不是高手
职务:普通成员
等级:3
金币:5.0
发贴:1352
|
#42004/12/16 13:38:21
<img align="right">
|
vickie_5d
职务:普通成员
等级:3
金币:2.0
发贴:946
|
#52004/12/16 13:54:23
噢謝謝。可是如果文字和圖片在一個TD內,ALIGN以後,怎樣控制文字與圖片是在一行內的呢?還有,如果在HEAD裏面寫這個樣式,在我1樓的樣式裏面,怎樣寫才是對的呢?
|
不是高手
职务:普通成员
等级:3
金币:5.0
发贴:1352
|
#62004/12/17 8:06:18
不理解你到底需要什么样子,请画图示意
|
vickie_5d
职务:普通成员
等级:3
金币:2.0
发贴:946
|
#72004/12/17 8:53:24
图片如下: 如圖所示,這是一個<TD>J裏面的內容。 綠色的音樂符號是我想插入的圖片,而裏面的“項目”的文字,是隨機的,而不是和淺黃色背景放在一起的圖片。 首先這個TD是隨機的,不是固定的。所以,我想怎樣在樣式表裏面定義一下。讓這個圖片自動靠在單元格的右邊,而文字是居中的。(還有我想補充一下:這個圖片和文字是放在一個TD裏,而不是二個單元 ) 謝謝了。:)
|
不是高手
职务:普通成员
等级:3
金币:5.0
发贴:1352
|
#82004/12/17 9:33:06
.TopGroup { background:url(bg.gif) orange no-repeat right center; } 说明: bg.gif——你的背景图片,照目前来看就是那个绿色的音符 orange——背景色,你也可以用其他的颜色 no-repeat——背景不重复 right center——背景X轴方向居右,Y轴方向居中
明白了没?
|
vickie_5d
职务:普通成员
等级:3
金币:2.0
发贴:946
|
#92004/12/17 10:31:42
嗯明白了。這個是目前暫時的完成圖,你看一下鼠標觸發後,中間的粉色區域和它“左邊”的那個豎形的圖片,之間有一段很小的距離。 图片如下: 我剛才修改了一下,好像沒有修改對。不知道怎樣解決這種情況呢? .TopMenuItemOver { background-image:url(/common/image/Office2003/top_group_background.gif); background-color:#E5E6EF; color:black; font-family:Verdana; font-size:11px; border-width:1px; border-color:#7C7C94; border-style:solid; border-bottom-color:#7C7C94; padding:2px; padding-top:3px; padding-bottom:1px; padding-left:10px; padding-right:10px; cursor:default; }
|
不是高手
职务:普通成员
等级:3
金币:5.0
发贴:1352
|
#102004/12/18 8:29:44
光看一个样式是看不出来错哪里的
|
vickie_5d
职务:普通成员
等级:3
金币:2.0
发贴:946
|
#112004/12/18 11:43:06
BACKGROUND的寬度和BUTTON的寬度都微調了,可是還是出現偏差的情況
|