實用語法｜標題分隔線語法顏色隨自己調整DIY @ 梅花問路

標題分隔線語法，顏色可以自己DIY

今天要分享給各位的語法是當大家在做網頁或是寫文章的時候非常實用的東西——標題分隔線語法

就是底下的這個東西～大家可以自己試試看，有任何問題都可以留言給梅花詢問喔！

梅花的標題分隔線語法

這個語法比起文章編輯器內建的分隔線，更加美觀、一目瞭然

► 色碼查詢可以到這裡——色碼表 ◄ 只需要在這邊複製色碼，放在語法裡面，整串複製，在文章編輯器的「原始碼」當中貼上就可以使用囉！

語法如下：

<p style="box-sizing: border-box; font-family: 微軟正黑體; font-weight: 600; margin: 0px 0px 25px; line-height: 1; padding: 0px;border-bottom-style: solid; border-bottom-color:填入色碼; vertical-align: baseline;border-width:5px;">梅花的標題分隔線語法

❖以下提供幾個基礎版讓大家可以直接套用：

棗紅色

<p style="box-sizing: border-box; font-family: 微軟正黑體; font-weight: 600; margin: 0px 0px 25px; line-height: 1; padding: 0px;border-bottom-style: solid; border-bottom-color:#d852529e; vertical-align: baseline;border-width:5px;">棗紅色

藍色

<p style="box-sizing: border-box; font-family: 微軟正黑體; font-weight: 600; margin: 0px 0px 25px; line-height: 1; padding: 0px;border-bottom-style: solid; border-bottom-color:#337db5a1; vertical-align: baseline;border-width:5px;">藍色

紫色

<p style="box-sizing: border-box; font-family: 微軟正黑體; font-weight: 600; margin: 0px 0px 25px; line-height: 1; padding: 0px;border-bottom-style: solid; border-bottom-color:#9828ad85; vertical-align: baseline;border-width:5px;">紫色

藍綠色

<p style="box-sizing: border-box; font-family: 微軟正黑體; font-weight: 600; margin: 0px 0px 25px; line-height: 1; padding: 0px;border-bottom-style: solid; border-bottom-color:#348fbb9c; vertical-align: baseline;border-width:5px;">藍綠色

橘色

<p style="box-sizing: border-box; font-family: 微軟正黑體; font-weight: 600; margin: 0px 0px 25px; line-height: 1; padding: 0px;border-bottom-style: solid; border-bottom-color:#d07e18b5; vertical-align: baseline;border-width:5px;">橘色