【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 的範例

展開文章／收合

相關