在使用css给表格设置样式时,如果需要指定宽度,可以使用自带的样式控制。那么,如何设置表格指定宽度呢?
工具/原料
1
HTML5
2
CSS3
3
HBuilderX
4
截图工具
5
浏览器
6
WPS
方法/步骤
1
双击打开HBuilderX工具,在已新建的Web项目中,新建一个静态页面css.html
2
打开已新建的页面文件,引入核心的jquery文件并修改标签文字内容
3
在body标签元素中,插入一个table表格并添加数据(三行)
4
在一个td设置class属性值,利用table元素设置相关的css样式,然后使用类选择器设置宽度
5
保存代码并运行页面文件,打开浏览器可以看到表格样式
6
返回到HBuilderX工具,修改样式代码,设置表格的边框、宽度
7
再次刷新浏览器,可以看到带有边框的表格,第二列固定宽度
总结
1、创建项目2、新建页面3、插入表格4、设置样式5、保存运行6、查看效果END
注意事项
1
注意如何使用css设置表格指定宽度
2
注意css中设置表格单元格的样式属性
上一篇:css:设置左边框的宽度