在CSS网页里设成宽度为100%全屏,但网页里的table里宽度又怎么设置了?table宽度不会随着屏幕变化而变化?

html-css011

在CSS网页里设成宽度为100%全屏,但网页里的table里宽度又怎么设置了?table宽度不会随着屏幕变化而变化?,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<style>标签中,输入css代码:table{width:85%}。

3、浏览器运行index.html页面,此时通过表格的宽度会随着屏幕的变化而变化,并且固定占用85%。

制网调网宽度:1、打开制好的网页编辑的文字文档。

2、将光标放在界面的左上角“文件”选项,点击进入。

3、在弹出的对话框里选择“页面设置”选项。

4、在打开的页面设置选项中,点击左上方的“页边距”设置键。设置上下、左右的页边距。

5、后退到“页面设置”界面中,点击“纸张”设置键,设置页面的纸张大小以及页面的宽度。

6、设置完后,点击“确定”键即可。

扩展:通过css调取网页宽度,对应CSS代码

.yangshi a{color:#333text-decoration:none}

通过链接内设置类控制超链接样式css方法

案例超链接代码CSS

对应CSS代码a.yangshi:hover {color:#CC3300text-decoration:underline)

table {border:2px 3px 4px 9px}

上面的是修改页面中表格的边框,四个数字分别表示上 右 下 左四个方向的边框的粗细。

将table修改为td,则对应的修改表格内单元格的边框。还可以修改为 “a”、“tr”、“ul”、“img”……

具体的可以到网上找css的入门教程。