[問題] 塊狀超連結語言寫法

看板Web_Design作者 (曖昧不好不要曖昧)時間2年前 (2022/09/26 17:28), 編輯推噓3(306)
留言9則, 3人參與, 2年前最新討論串1/1
我以往維護網頁都是土法煉鋼把前人拿來修改 現在想要在超連結上呈現塊狀連結的效果 然後google到 http://www.study-area.org/coobila/tutorial_535.html# 其中包含了塊狀連結的案例 但因為我原本都沒有使用css,都用很簡單的語法來呈現內容而已 (就是< a href="超連結網址" >超連結名稱< /a > 這種程度而已) 想問有沒有不用使用css就能呈現塊狀連結的寫法呢? <tr style="height: 16.8pt;"> <td class="xl69" style="height: 16px; border-right: 1pt solid white; border-top-color: white; width: 15%; border-bottom: 1pt solid white; border-left-color: #f0f0f0; background-color: #d5f3fd;" width="138" height="22"><span style="font-family: 'times new roman', times, serif; font-size: 10pt;">時間</span></td> <td class="xl70" style="border-right: 1pt solid white; border-top-color: white; width: 66.8171%; border-bottom: 1pt solid white; border-left-color: white; background-color: #d5f3fd; height: 16px;" width="401"><span style="font-family: 'times new roman', times, serif; font-size: 10pt;">>影片</span></td> <td class="xl70" style="border-right: 1pt solid white; border-top-color: white; width: 18.1829%; border-bottom: 1pt solid white; border-left-color: white; background-color: #d5f3fd; height: 16px;" width="112"><span style="font-family: 'times new roman', times, serif; font-size: 10pt;">人名</span></td> </tr> 基本上就是寫好三行的表格 然後想把超連結鑲嵌在影片這格的整個儲存格 想知道有沒有繼續這種寫法就能做出來的辦法 感謝~ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.76.175.169 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1664184537.A.53E.html

09/26 17:55, 2年前 , 1F
style裡面就是css
09/26 17:55, 1F

09/27 14:42, 2年前 , 2F
a標籤display改為block,並設定寬高皆為100%,應該
09/27 14:42, 2F

09/27 14:43, 2年前 , 3F
就可以做到
09/27 14:43, 3F

09/27 14:44, 2年前 , 4F
<a href="#" style="display:block; width:100%;
09/27 14:44, 4F

09/27 14:45, 2年前 , 5F
height: 100%;"><span>影片</span></a>
09/27 14:45, 5F

09/28 17:15, 2年前 , 6F
聽起來是在問網頁連結不用 CSS,要怎麼自訂出想要的外觀
09/28 17:15, 6F

09/28 17:17, 2年前 , 7F
雖然能做到的原理也是靠 CSS,但 bootstrap 只需要知道class
09/28 17:17, 7F

09/28 17:17, 2年前 , 8F
對應哪種效果就能用了
09/28 17:17, 8F

09/28 17:19, 2年前 , 9F
booststrap 有個 .btn-block 可能能達成你想要的效果
09/28 17:19, 9F
文章代碼(AID): #1ZCN3PK- (Web_Design)
文章代碼(AID): #1ZCN3PK- (Web_Design)