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

首先若是要目標要做成如下的效果:

也就是標題部分是有上下框線來做強調。

而第一行內文中的茶藝社三個字要用底線來強調，這些效果可以用框線來達到，以下跟大家說明。

首先如下圖，先將內文打完後，在head標籤內打上CSS:

用style標籤內打

h1{border-top:solid green thick}

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