作者elderbear (曖昧不好不要曖昧)
看板Web_Design
標題[問題] 塊狀超連結語言寫法
時間Mon Sep 26 17:28:55 2022
我以往維護網頁都是土法煉鋼把前人拿來修改
現在想要在超連結上呈現塊狀連結的效果
然後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://webptt.com/m.aspx?n=bbs/Web_Design/M.1664184537.A.53E.html
1F：推 cqwt: style裡面就是css 09/26 17:55
2F：推 harry9522016: a標籤display改為block，並設定寬高皆為100%，應該 09/27 14:42
3F：→ harry9522016: 就可以做到 09/27 14:43
4F：→ harry9522016: <a href="#" style="display:block; width:100%; 09/27 14:44
5F：→ harry9522016: height: 100%;"><span>影片</span></a> 09/27 14:45
6F：推 art1: 聽起來是在問網頁連結不用 CSS，要怎麼自訂出想要的外觀 09/28 17:15
7F：→ art1: 雖然能做到的原理也是靠 CSS，但 bootstrap 只需要知道class 09/28 17:17
8F：→ art1: 對應哪種效果就能用了 09/28 17:17
9F：→ art1: booststrap 有個 .btn-block 可能能達成你想要的效果 09/28 17:19