[問題] CSS『圖片上的聯結』

看板Web_Design作者 (Bird)時間18年前 (2007/07/23 10:39), 編輯推噓5(504)
留言9則, 7人參與, 最新討論串1/1
好像是個很笨的問題 http://blog.gaaga.net/archives/93 這篇blog中,每張圖片的連結下面的有一條虛線 因為theme的CSS中用了 a { color: #B96D00; text-decoration: none; border-bottom:#B96D00 1px dashed; } 可是我只想要讓字的連結出現虛線就好 能夠從CSS把圖的連結虛線拿掉嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.216.196.3 ※ 編輯: yzugsr 來自: 61.216.196.3 (07/23 10:45)

07/23 10:52, , 1F
a不要加border-bottom 在a:hover裡加即可
07/23 10:52, 1F

07/23 10:53, , 2F
a:hover為連結狀態
07/23 10:53, 2F

07/23 12:22, , 3F
a:hover是滑鼠經過吧
07/23 12:22, 3F

07/23 13:07, , 4F
嗯 這樣加會變成只有滑鼠經過才有底線耶
07/23 13:07, 4F

07/23 13:13, , 5F
CSS沒有辦法這樣判斷(或者說至少目前沒有辦法)
07/23 13:13, 5F

07/23 13:35, , 6F
a:hover{...} 後 加上 a.tt-flickr{border:none;}
07/23 13:35, 6F

07/23 13:36, , 7F
這是圖片都放置在flickr的方式(看你目前圖片都是放這..)
07/23 13:36, 7F

07/24 17:32, , 8F
a img { border-bottom: none; }
07/24 17:32, 8F

07/27 10:31, , 9F
a img, a:hover img{border:none}
07/27 10:31, 9F
文章代碼(AID): #16f1JYDK (Web_Design)