打開Adobe Dreamweaver cs6網頁建造軟件,新建一個html文件,并切換到“代碼窗口”。
然后在body標簽的中心編寫一個textarea標簽,并設置一個“id”以便利設置樣式,代碼如下:
<textarea id="text_area"></textarea>
在head標簽的中心編寫樣式,起首添加樣式標簽style,然后再給textarea設置樣式。
<style>
#text_area{}
</style>
一般環境下,文本的樣式有字體顏色、字號巨細,對齊體例等。
<style>
#text_area{ font-size:26px; color:#06F; text-align:center;}
</style>
保留后,再edge瀏覽器中打開并輸入文字。就可以看到設置的內容格局了。
當然還可以設置文本內容的字體樣式,如斜體、粗體等,再添加一個斜體,代碼如下:
#text_area{ font-size:26px; color:#06F; text-align:center; font-style:italic}
再次進行瀏覽,輸入文本后,字體就是斜體顯示了。
總結:
1、網頁設計中,文本內容的格局設置在樣式表中進行節制
2、文本內容的格局凡是有字體巨細、顏色、對齊體例、字體樣式等
3、字體巨細:font-size,字體顏色:color,對齊體例:text-align,字體樣式:font-style。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!