創作內容

1 GP

【CSS-Q&A】之1◆ 欄位透明  之2◆ 分隔線消除

作者:莉薇婭莞夢│2007-09-30 06:31:52│巴幣:0│人氣:653
作 者
第0篇 :RE:【問題】各區塊的邊線也能變透明嗎? 1GP0BP
indream228
(如語娃娃)
神眼遊俠
LV30 / / 僧侶
巴幣 6565
GP 1404
經驗
發言日期: 2009-03-25 21:59:00

※ 引述《uc00801114 (@~ 絕對正義 ~@)》之銘言:
> 不好意思,再請問一下
> 寫著小屋首頁上方那塊也能變成透明嗎?
> 另外寫著小屋首頁、部落閣這裡也能變透明嗎?
> 最後各區塊的邊線也能變透明嗎?
◆ 請利用CTRL+F搜尋功能,各別搜尋「 banner 」、「 category_title 
  以及「
 category_footer 
」,你可能會取得類似以下之內容:

.banner{
background: url(
http://pic.bahamut.com.tw/home/banner.jpg) repeat;
height:120px;
padding-left:20px;
padding-top:15px;
}/*主選單上方橫幅主圖*/

.category_title{
background:url(
http://pic.bahamut.com.tw/home/category_title.gif) no-repeat;
height:40px;
}/*各項目標題底圖*/

.category_footer{
background:url(
http://pic.bahamut.com.tw/home/bottom.gif);
height:25px;
}/*各項目結束部分*/

◆ 請將「{」到「}」之間的背景(background)設定整個修改如下所示
.banner{
background:none;
height:120px;
padding-left:20px;
padding-top:15px;
}

.category_title{
background:none;
height:40px;
}

.category_footer{
background:none;
height:25px;
}

◆ 應該是把您將會想透明化的位置背景都刪除了,除了屋頂,屋頂比較複雜就不說了

 ◆ 分隔線消除,建議是不要消除,如果要消除請跟著做: ◆ 
◆ 請利用CTRL+F搜尋功能,各別搜尋「 line 」、「 line2 
  
你可能會取得類似以下之內容:
.line
{
border-bottom:1px dashed #969696;
}/*虛線*/
.line2{
border-top:1px solid #D9ECF0;
}/*實線*/

◆ 請將「{」到「}」之間的線(border)設定值修改如下所示
.line{
border-bottom:0px
dashed #969696;
}
.line2{
border-top:0px solid #D9ECF0;
}
最後編輯日期:2009-03-25 22:13:01
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=950079
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|教學|CSS|Q&A|紀錄|修改|

留言共 1 篇留言

紫夜
噗~~好奇耶 佔篇XD

難道有無字天書

裡頭寫著

密密麻麻 化不開的愛?

10-01 12:23

我要留言提醒:您尚未登入,請先登入再留言

1喜歡★indream228 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【小屋】最近CSS語法感... 後一篇:【小屋】版面設計:主題─...

追蹤私訊切換新版閱覽

作品資料夾

rogerjian喜歡像素風格的人
歡迎參觀LINE貼圖小舖看更多我要大聲說昨天22:13


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】