表格的圖文整合寫作：實例二

表格的圖文整合寫作：實例二

表格使用的優點在於，可以創造出某種版面結構上的秩序感。秩序感是平面構成重要的美 感原則。

「圖文整合寫作」是數位文本中必然要成為常見的「文本格式」之一。
例如表格的特性，使我們易於感受和學會圖文整合寫作過程中，要常注意的某種寫作原則。本例著重如下原理：（一）分割比例；（二）媒材位移（空 間關係）。

分割，請注意同等分割以及黃金比例分割。
位移，本例，請特別注意「1px」的寫作技法，請看影音教學。

顏色 在日常生活中 線條 在不經意的那一眼波流轉 經常，顏色與線條，往往令我騅足再三。 感官終究是有某種秩序的一種結構體， 它會在符合那種結構中的態勢綻放出一種永恆的感受之美。

範例的 CSS 語法：

<style>

/* 表格內大標字 */
.bigtitle010417 {
font-family: Verdana, '微軟正黑體';
font-size: 2.1em;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.06em;
margin-bottom: 0.5em;
text-shadow: 1px 1px 2px silver;
}

/* 表格內大標後粗體摘要字*/
.ironcontentbo010417 {
font-family: Verdana, '微軟正黑體';
font-size: 1.29em;
font-weight: bold;
line-height: 1.8;
letter-spacing: 0.1em;
}

/* 圓角框語法*/
.imgbord {
border-radius: 25px;
}

/* 旋轉語法*/
.trans0417 {
-webkit-transform: rotate(-10deg);
}

</style>


教學影音：