html textarea里的文本格式设置

在网页设计中,html的标签textarea是一个多行文本输入框,那么在html中textarea里的文本格式如何设置呢?下面请看我的操作。

东西/原料

  • win10家庭版64位系统
  • Adobe Dreamweaver cs6软件
  • edge浏览器

方式/步调

  1. 1

    打开Adobe Dreamweaver cs6网页建造软件,新建一个html文件,并切换到“代码窗口”。

  2. 2

    然后在body标签的中心编写一个textarea标签,并设置一个“id”以便利设置样式,代码如下:

    <textarea  id="text_area"></textarea>

  3. 3

    在head标签的中心编写样式,起首添加样式标签style,然后再给textarea设置样式。

    <style>

        #text_area{}

     </style>

  4. 4

    一般环境下,文本的样式有字体颜色、字号巨细,对齐体例等。

    <style>

        #text_area{ font-size:26px; color:#06F; text-align:center;}

     </style>

  5. 5

    保留后,再edge浏览器中打开并输入文字。就可以看到设置的内容格局了。

  6. 6

    当然还可以设置文本内容的字体样式,如斜体、粗体等,再添加一个斜体,代码如下:

     #text_area{ font-size:26px; color:#06F; text-align:center; font-style:italic}

  7. 7

    再次进行浏览,输入文本后,字体就是斜体显示了。

  8. 8

    总结:

    1、网页设计中,文本内容的格局设置在样式表中进行节制

    2、文本内容的格局凡是有字体巨细、颜色、对齐体例、字体样式等

    3、字体巨细:font-size,字体颜色:color,对齐体例:text-align,字体样式:font-style。

  • 发表于 2020-01-06 20:00
  • 阅读 ( 1294 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具