創作內容

0 GP

進階CSS教學-右下欄位修改

作者:Hey│2007-12-04 12:39:08│巴幣:0│人氣:339
如圖


部分得力於u4大的教學:
先謝謝前人的栽樹了<(__)>

這也是最近很紅的題材。
跟教學(10)合稱”CSS改圖星光幫”(啥)
當全部改完,才發現這邊變的很不搭

Q.怎麼改圖呢?

一樣,先把鬼隱的標籤揪出來
(迷:自以為偵探XD)

標題(上圖所示)的標籤是
.post_title,請複製以下語法:

.post_title {
PADDING-top :3px;
PADDING-left: 3px;
background: url(http://圖片網址); /*底圖網址*/
height:3px; /*預設高度,可斟酌修改*/
}


內文(上圖所示)的標籤是.post_title,比照辦理:

.post_title {
background: url(http://圖片網址); /*底圖網址*/
}
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=975008
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 0 篇留言

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

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

前一篇:進階CSS教學-部落閣最... 後一篇:小屋佈置計畫No.3 C...

追蹤私訊切換新版閱覽

作品資料夾

Lobster0627全體巴友
大家可以多多來我的YT頻道看看哦(*´∀`)~♥https://www.youtube.com/@lobstersandwich看更多我要大聲說昨天16:28


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

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