多语言展示
当前在线:1346今日阅读:39今日分享:10

css 设置表格指定宽度

在使用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中设置表格单元格的样式属性

推荐信息