有時候,HTML 在應用上...總是會覺得有些美中不足,有時電腦制式的設定太死板(都是灰色| -_-",雖然過去是主流,日子久了難免退流行...),為了增加網頁畫面的新鮮感,HTML中也有許多利用外加風格的語法語法,例如常見的就有:拉頁框顏色、按鈕顏色、空白填寫欄位顏色、拉頁選單顏色...等等,都可以透過語法中加入style(風格),去改變他原有的預設風貌。

  在這...一一向各位介紹Style能給予大家的驚奇ㄅ!!

文字樣式(color, text, font ,word)
風格參數 功  能 原始風貌 加入新風貌語法 範   例
color 文字顏色 MyChat 染布坊 <font style=color:FF0000>MyChat 染布坊</font> MyChat 染布坊
font-style 文字樣式      
font-weight 文字粗細      
font-size 文字大小      
font-family 字型名稱      
word-spacing 單字間隔      
word-break 換行方式      
word-wrap 雙位字元
換行方式
     
text-align 文字對齊      
text-decoration 文字修飾      
text-underline-position 底線顯示位置      
letter-spacing 文字間隔      
writing-mode 設定顯示方向      
背景樣式
風格參數 功  能 原始風貌 加入新風貌語法 範   例
background 背景樣式      
background-color 背景顏色      
background-image 背景圖片      
background-repeat 背景圖附貼      
background-position 背景圖位置      
bockground-attachment 固定背景圖      
line-height 列高      
與網頁邊界之間的距離
風格參數 功  能 原始風貌 加入新風貌語法 範   例
margin 設定邊界      
margin-top 上方邊界      
margin-bottom 下方邊界      
margin-left 左方邊界      
margin-right 右方邊界      
width 寬度      
height 高度      
文字與外框的距離
風格參數 功  能 原始風貌 加入新風貌語法 範   例
padding 設定邊距      
padding-top 上方邊距      
padding-bottom 下方邊距      
padding-left 左方邊距      
padding-right 右方邊距      
外框設定
風格參數 功  能 原始風貌 加入新風貌語法 範   例
border 外框型式      
border-width 外框寬度      
border-top-width 上側外框      
border-bottom-width 下側外框      
border-left-width 左側外框      
border-right-width 右側外框      
border-color 外框顏色      
border-top-color 外框上顏色      
border-bottom-color 外框下顏色      
border-left-color 外框左顏色      
border-right-color 外框右顏色      
border-style 外框樣式      
border-top-style 上外框樣式      
border-bottom-style 下外框樣式      
border-left-style 左外框樣式      
border-right-style 右外框樣式