打开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 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!