ワードプレスプラグイン

TablePressでセルの装飾(CSS)

/* 1行目(見出し設定済で)色変更 */
.tablepress thead th {
	background-color: #67564c;
	color: #FFF;
	border: solid 1px #ccc;
	text-align: center;
}


/* 1列目の色変更 */
.tablepress td.column-1 {
	font-size: 1em;
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #f7e8d2;
}


/* 後列の色変更 */
.tablepress td.column-2, td.column-3 {
	font-size: 1em;
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}


/* 全ての表のセルに枠線を付加する */
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}