html 做填写的表格,CSS写的简单表格示例

复制代码代码如下:

content="text/html";charset=utf-8>

个人信息登记

caption{height:50px;font-size:30px;font-weight:bold;}

table{border:1px solid gray;

border-collapse:collapse;

margin:100px auto;}

th{height:60px;width:130px;

border:1px solid gray;

background-color:#D6D3D6;}

.topleft{width:120px; background-color:#C6C7C6;}

td{height:60px;width:130px;

border:1px solid gray;

background-color:#C6C7C6;

text-align:center;}

.t1{width:120px; background-color:#BDBABD;}

#out1{border-top:60px solid transparent;

border-left:60px solid #BDBABD;

height:0px;width:0px;

position:relative;

float:left;}

#out2{border-top:30px solid #D6D3D6;

border-left:120px solid transparent;

height:0px;width:0px;

}

#in1{position:absolute; width:50px; top:-60px; left:10px;}

#in2{position:absolute; width:50px; top:-30px; left:-10px;}

#in3{position:absolute; width:50px; top:-20px; left:-60px;}

body{background-color:#123456;}

个人信息登记
年级	性别	专业
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技

html 做填写的表格,CSS写的简单表格示例相关推荐

基于JavaScript+css写一个简单的h5动态下雨效果
基于JavaScript+css写一个简单的h5动态下雨效果文章目录什么是前端展示效果 JavaScript是什么? 步骤 1.html 2.css 3.js 什么是前端前端它是一个工作,它的 ...
用CSS写一个简单的幻灯片效果页面
这里是修真院前端小课堂,本篇分析的主题是 [用CSS写一个简单的幻灯片效果页面] 每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方 ...
Plotly可视化输出数据表格（table）:简单表格、添加链接的表格
Plotly可视化输出数据表格(table):简单表格.添加链接的表格 # 可视化输出简单表格 import plotly as py import plotly.figure_factory as ...
android三角形切图软件,还在为小三角形切图？使用纯CSS写一个简单的三角形
同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写 .icon{width:20px;height:20px;display:block;margi ...
html表格线条粗细,css 细线表格 css制作table细线表格常用属性
Css制作table细线表格 1.介绍了一个不常用属性:border-collapse:collapse; 2.使用了一个属性缩写技巧:border:style color;border-width: ...
纯HTML、CSS写一个简单的水滴特效，水滴里面可加图标
CSS写水滴特效,里面可加图标代码如下(示例): HTML部分 <!DOCTYPE html> <html lang="en"> <head> ...
学生信息登记表怎么做html,CSS写的简单个人信息登记表格示例
个人信息登记 caption{height:50px;font-size:30px;font-weight:bold;} table{border:1px solid gray; border-col ...
vue可填写表格_VUE写一个简单的表格实例
目录: 1.脚本式开发. 2.工程化开发 3.工程化和脚本的区别 4.来个table试试水 4,1.目标 4.2.思路 4.3.设计与编码 4.4.效果 5.业务分离 6.功能拓展--个性化设置正文 ...
用html表格形式制作个人信息,CSS写的简单个人信息登记表格示例
个人信息登记 caption{height:50px;font-size:30px;font-weight:bold;} table{border:1px solid gray; border-col ...

年级	性别	专业
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技
2011 2012 2013	男女	计科信管信技

html 做填写的表格,CSS写的简单表格示例

html 做填写的表格,CSS写的简单表格示例相关推荐

最新文章

热门文章