1、HTML表单

<body  rightmargin="50" leftmargin="50" background="未标题-1.jpg">

<from>

<table  border="0" cellspacing="3" align="center">

<tr>

<td>邮箱：</td>

<td><input type="text" name=""/></td>

</tr>

<tr>

<td></td>

<td><font size="-3" color="#999999">需要通过邮箱激活账户，不支持sohu,21cn,sogou的邮箱</font></td>

</tr>

<tr>

<td>登陆用户名：&nbsp;&nbsp;</td>

<td><input type="text"></td>

</tr>

<tr>

<td></td>

<td><font size="-3" color="#999999">仅在登录时使用，字符数不少于4个</font></td>

</tr>

<tr>

<td>显示名称;&nbsp;&nbsp;</td>

<td><input type="text"></td>

</tr>

<tr>

<td></td>

<td><font size="-3" color="#999999">即昵称，字符数不少于2个</font></td>

</tr>

<tr>

<td>密码;</td>

<td><input type="password"></td>

</tr>

<tr>

<td><label>确认密码</label>;</td>

<td><input type="password"></td>

</tr>

<tr>

<td></td>

<td><font size="-3" color="#999999">至少8位，必须包含字母，数字，特殊字符</td>

</tr>

<tr>

<td>性别:</td>

<td><input type="radio" name="sex" checked="checked" value="男">男&nbsp;&nbsp;

     <input type="radio" name="sex" value="女" >女</td>

</tr>

<tr>

<td>喜好：</td>

<td><select size="1" >

<option selected="selected">听音乐</option>

<option>打篮球</option>

<option>逛街</option>

<option>摄影</option>

</select>

</td>

</tr>

<tr>

<td></td>

</tr>

<tr>

<td></td>

<td><input type="submit" value="注册"></td>

</tr>

</table>

</from>

</body>

2、 CSS样式

<link href="Untitled-3.css" rel="stylesheet" type="text/css" />

</head>

<body>

<p>和谐的关系会让你心情舒畅，，但人生总不可能事事顺畅</p>

<div id="n">遇事少些抱怨多些宽容和理解，未来的道路就会更通透些</div>

你的人生路<span class="m">上不<p>乏贵人，善待</p>他人的自</span>己机遇便会随处可见。

<p class="abc">将梦想致力于行动，努力赢得更多人的尊重，用心观察生活，</p>

细节上的改变预示着转机即将发生。

<a href="http://www.baidu.com" target="_blank">百度一下</a>

<a  class="j" href="http://www.qq.com" target="_blank">腾讯qq</a>

<a href="../1130/Untitled-4.html" target="_blank">你妈逼</a>

</body>

/*css文件*/

<style type="text/css">

{

    margin:0px;

    padding:0px;}

p

{

    font-size:36px;

    color:#0F9;

    }

#n

{

    font-size:18px;

    color:#303;

    }

a:link

{

    color:#000;

    text-decoration:none}

a:visited

{

    color:#C00;

    text-decoration:none}

a:hover

{

    color:#0C0;

    text-decoration:underline;}

a:active

{

    color:#FF6;

    }

.m

{

    font-size:50px;

    color:#00F}

p,div

{

    font-size:20;

    color:#306;}

.m p

{

    color:#CF9;

    font-size:60px;}

p.abc

{

    font-size:30px;

    color:#F00;

    text-decoration:underline;}

a.j:link/*将多个链接设置成不同风格*/

{

    text-decoration:underline;

    color:#600}

a.j:visited

{

    color:#300;

    text-decoration:underline;}

a.j:hover

{

    color:#CCC;

    text-decoration:none;}

a.j:active

{

    color:#000;}    

</style>

HTML表单 CSS样式的更多相关文章

  1. 28. 表单css样式定义格式

    form>table>tbody>tr>td{padding:5px;font-size:14px;font-family:"Microsoft YaHei" ...

  2. css修改input表单默认样式重置与自定义大全

    链接地址: 伪元素表单控件默认样式重置与自定义大全 http://www.zhangxinxu.com/wordpress/?p=3381 Chrome 现在不支持通过伪元素修改 meter 元素样式 ...

  3. BootStrap的table表格，栅格系统，form表单的样式

    BootStrap BootStrap的简介 1.    什么是Bootstrap 由两个前端设计师开发的一个前端的框架(Html,css,js) 简化了程序员写css的代码 2.    为什么使用B ...

  4. 0522 HTML表单 CSS基础

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  5. 【译】HTML表单高级样式

    系列文章说明 原文 在本文中,我们将了解如何在HTML表单上使用CSS,为那些难于自定义的表单组件加以样式.如前文所述,文本框和按钮很适合使用CSS,而现在我们得来探索HTML表单样式的那些坑了. 在 ...

  6. 2014.9.16HTML表单CSS

    (一)表格 合并单元格(少用) (合并列) 1.先选中要合并的2个或多个单元格,然后点击以下图标 代码:<td colspan="2"> </td> 2.设 ...

  7. ios下表单disabled样式重置

    在做最近的一个活动项目时,需要用到表单的disabled状态,但是在IOS下那颜色不是一般的浅,就跟没有一样,一开始通过如下样式重置: input:disabled, input[disabled]{ ...

  8. 最新版本Firefox表单css兼容性

    场景描述: 为了在各浏览器上传控件保持统一的风格,用隐藏“浏览控件”的方式,在最新版本的Firefox下隐藏的“浏览”按钮漂移了. 问题分析: HTML代码: <form class=" ...

  9. validform.js+layer.js 表单验证样式

    $("#formAdd").Validform({ tiptype: function (msg, o, cssctl) { if (o.type == 3) {//失败 laye ...

随机推荐

  1. 图片预览(适用于IE6,9,10，Firefox)

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  2. 始于阿里，回归社区：阿里8个项目进入CNCF云原生全景图

    破土而出的生命力,源自理想主义者心底对技术的信念. 云原生技术正席卷全球,云原生基金会在去年KubeCon +CloudNativeCon NA的现场宣布: 其正在孵化的项目已达14个,入驻的厂家或产 ...

  3. PCA实现教程

    数据是机器学习模型的生命燃料.对于特定的问题,总有很多机器学习技术可供选择,但如果没有很多好的数据,问题将不能很好的解决.数据通常是大部分机器学习应用程序中性能提升背后的驱动因素. 有时,数据可能很复 ...

  4. 用POLARDB构建客到智能餐饮系统实践

    在新零售成为大趋势的今天,餐饮行业也加入到这一浪潮之中.智能餐饮系统将帮助餐饮行业从多个维度提升自己的运营能力和收益,而打造智能餐饮系统SaaS化能力也成为了目前的一个热点.本文中果仁软件联合创始人& ...

  5. php使用cURL上传图片

    上传文件和POST非常相似,都是通过表单采取POST方法提交的. 先新建一个接收文件的页面upload.php: var_dump($_POST); var_dump($_FILES); 再建立一个发 ...

  6. 初识MongoBD

    一.安装 我使用的系统是Ubuntu16.04,不同版本系统参照官网安装步骤.安装官网4个步骤安装好MongoDB并启动. sudo apt-key adv --keyserver hkp://key ...

  7. [转]Raw Queries in Laravel

    本文转自:https://fideloper.com/laravel-raw-queries Business logic is often complicated. Because of this, ...

  8. C#操作DbConnection类

    一.常用属性 名称 说明 ConnectionString 获取或设置用于打开数据库的字符串.(重写 DbConnection.ConnectionString) ConnectionTimeout ...

  9. Web下的HTTPS应用

    ---------------------------------------------------------------------------------------------------- ...

  10. [PHP] 2018年终总结

    去掉敏感信息后的不完整版 ==========================================================================2018年12月29日 记 ...