html表格填充随页面大小自动缩放,如何设置HTML页面自适应宽度的table

设置HTML页面自适应宽度的table的方法:

1、定义html页面table代码:

First NameLast NameGenderBirth DateAddressZip CodeNationalityContact NumberEmailUsernameCourseYearID NumberSubjects

2、控制表格自适应的样式css代码:

.content {

width: 1100px;

height: 200px;

background: #fdfdfd;

margin: 0px auto;

position: relative;

top: 40px;

border: 1px solid #aaaaaa;

}

.content .content-header {

width: 100%;

height: 40px;

background-color:#aaa;

background-image:-moz-linear-gradient(top,#eeeeee,#cccccc);

background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#cccccc


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部