【CSS】在文章內容,亮高註記! / 免外掛

當我們要在WordPress公告事務,或是有重要事項要特別註明時,

可以使用此亮高註記的方法!提醒大家,有這則訊息。

不用外掛,只要CSS就可以搞定辣。

在外觀的該佈景之 style.css 加入:

/*iZO亮高註記*/
.inotes {
	padding: 10px 6px;
	width: 90%;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

/*iZO亮高註記-文字顏色底色*/
.inotes {
	background-color: #ffdbea;
	border: 3px solid #ff0000;
}

 

將須亮高的之資訊,使用以下語法:

<p class="inotes">iZO的範例</p>

 

效果如下:

i Z O 的 範 例