PTT數位生活區 / Web_Design

[問題] 這種連結的效果怎麼做

看板Web_Design作者 (哆啦泰瑞)時間16年前 (2009/07/29 15:27), 編輯推噓4(4推 0噓 4→)
留言8則, 5人參與, 最新討論串1/1
http://www.wretch.cc/blog/flyfreest18 我想請問這個網誌樣式右邊的連結 像文章標題那些 他們的字數都不一樣 但是滑鼠移過去以後 跑出來的白色背景都一樣長 而且就算沒有把滑鼠移到連結的字裡 只要移入那個區域 這樣也會有連結到 我想請問這樣要怎麼做 才可以有這種效果 用css有辦法做嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 125.230.129.166
推
07/29 15:36, , 1F
a {display:block}
07/29 15:36, 1F
推
07/29 15:44, , 2F
關鍵字：onmouseover, background-color:white
07/29 15:44, 2F
→
07/29 17:01, , 3F
但是這樣做 是不是只有有字的地方才有底色 沒有字的地方
07/29 17:01, 3F
→
07/29 17:02, , 4F
就沒有了 沒有像網頁中 長條都是一樣長而且對齊的
07/29 17:02, 4F
推
07/29 18:23, , 5F
07/29 18:23, 5F
推
07/29 20:38, , 6F
a:hover {display:block} 以後，沒字的地方也是會有底色
07/29 20:38, 6F
→
07/29 20:39, , 7F
被轉成區塊元素(block)後，底色會填滿整個區域
07/29 20:39, 7F
→
07/29 20:39, , 8F
你可以試著加上 width 看看有沒有變寬變窄
07/29 20:39, 8F
‣ 更多 DoraTerry 的文章
文章代碼(AID): #1AR_d5ed (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 DoraTerry 的文章
文章代碼(AID): #1AR_d5ed (Web_Design)