1.請將 css 的嵌入套用置放於<head>xxx</head>之間或<body>之後;我的教學作業建議放在<body>之後。
<style type="text/css">
.word01 {
font-family: Verdana, '微軟正黑體';
font-size: 1.21em;
font-weight: normal;
line-height: 1.6em;
text-align: justify;
text-justify: distribute;
letter-spacing: 0.1em;
}
</style>
.word01 {
font-family: Verdana, '微軟正黑體';
font-size: 1.21em;
font-weight: normal;
line-height: 1.6em;
text-align: justify;
text-justify: distribute;
letter-spacing: 0.1em;
}
</style>
2.在需要文字布局變化的編輯元件中加入class="word01",即會產生變化。此例為Div,也可以放在<table class="word01">或是<td class="word01">
<div class="word01">
CSS 樣式可以嵌入於 HTML 文件中,我們把它嵌入於 <body> 之後,然後就可以快速的來變化文章內的文字樣式。<br>
</div>
CSS 樣式可以嵌入於 HTML 文件中,我們把它嵌入於 <body> 之後,然後就可以快速的來變化文章內的文字樣式。<br>
</div>
3.文字布局變化結果。
CSS 樣式可以嵌入於 HTML 文件中,我們把它嵌入於 <body> 之後,然後就可以快速的來變化文章內的文字樣式。
變更Div內文字的兩種CSS方式。
沒有留言:
張貼留言