css如何设置表单控件样式

css即层叠样式表是一种用来表示HTML文件样式的计较机说话。

css不仅可以静态地润色网页,还可以共同各类剧本说话动态地对网页各元素进行格局化。

那么若何用css来设置表单控件样式呢? 下面简单介绍一些根基功能

东西/原料

  • 电脑
  • HBuilderX

方式/步调

  1. 1

    在<head></head>标签中键入

    <style type="text/css">

    </style>

  2. 2

    在<style type="text/css"></style>中键入

    form{

    }如图一

    也可生当作一个选择器供<body></body>中选择如图二、图三。

    在此中即可输入代码编纂表单的样式。

  3. 3

    表单内容有以下常见标签:

    <input>键入文本

    <datalist> 标签界说选项列表

    <textarea>多行文本框

    <button>按钮

    <select>option默认选择属性

    <fieldset>对表单中的相关元素进行分组

  4. 4

    有以下常见属性:

    border:设置边框

    heightx:设置高度

    width:设置宽度

    float:浮动

    text-align:内容居中

    line-height:行高

    font-size:字体巨细

    color::设置颜色

  5. 5

    经由过程套用上述标签与属性来达到润色表单的目标,以下举个简单的表单样式作为例子。

  6. 6

    结果如图所示

  • 发表于 2019-08-03 00:30
  • 阅读 ( 1174 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具