整個鐵人賽進入中間階段啦!其實每天都要想應該在網頁裡加入什麼元素功能還蠻疲勞的
真的是很不容易啊
但還是記須堅持下去吧，希望我們花栗鼠團隊大家的堅持還活著，嘻嘻!

那今天要做的不明思義就是加入超連結啦!

起初我的想法是直接就在我的圖片div裡面加入然後放入連結
像是這樣:

<div class="d" style="--i:1">
    <a href="https://www.lovelive-anime.jp/"></a></div>
</div>

但執行live server後卻發現怎麼我還是點圖片位置都沒有任何反應，於是我就隨便打了字串讓他顯現出來連結位置在哪
改成:

<div class="d" style="--i:1">
    <a href="https://www.lovelive-anime.jp/">我是連結</a></div>
</div>

結果後來出現的位置竟然在圖片的旁邊阿~(下圖範例)
雖然可以成功有超連結了但總還是不是自己想要的樣子，於是我就只好換方法了

成功的方法:

<div onclick="window.location='https://www.lovelive-anime.jp/';" class="c" style="--i:0"></div>

就是onclick啦!直接解決這個問題的好方法，但因為有涉及到JavaScript，有些瀏覽器不支持，不過大多數的瀏覽器都沒問題喔
後來發現有個小缺點，就是無法設定target，本來是預計要另開新分頁的啦，但還是勉為其難的用預設的好了。

成果展示:

參考網頁:

http://www.dzwebs.net/3756.html
https://www.796t.com/post/MXI4d20=.html

以上是我開賽的第十一天，讓我們來期待第十二天的到來吧!
加油、加油! 倒數19天。