2017年12月7日 星期四

框線的應用之一:用來強調文字


首先若是要目標要做成如下的效果:
也就是標題部分是有上下框線來做強調。
而第一行內文中的茶藝社三個字要用底線來強調,這些效果可以用框線來達到,以下跟大家說明。



首先如下圖,先將內文打完後,在head標籤內打上CSS:
用style標籤內打
h1{border-top:solid green thick}

再來由於茶藝社三個字要有下框線,所以在那局部用span將這三個字框起來,再去head標籤內用CSS,如下圖,這樣大功告成了。




沒有留言:

張貼留言

用 Antigravity 開發時,怎麼同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版)

用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版) 用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(...