CSS

CSS: letter-spacing 控制字元間距

基本上,CSS可以達成大部分網頁視覺設計,最近又常常看一些網頁設計教學,發現很常使用這個指令,就來簡單記錄一下。

<style>
.res{
  background-color: #111;
  color: #ddd;
  padding: 20px;
  text-align: center;
}
</style>

效果 1

<p class="res" style="letter-spacing: 1px;"> letter-spacing 控制字元間距 </p>

letter-spacing 控制字元間距

效果 2

<p class="res" style="letter-spacing: 6px;"> letter-spacing 控制字元間距 </p>

letter-spacing 控制字元間距

效果 3

<p class="res" style="letter-spacing: 1em;"> letter-spacing 控制字元間距 </p>

letter-spacing 控制字元間距

留下一個回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *