在css中 ， 可以通过“:first-child”选择器来定义表格首行的背景为一张图片 。 下面小编举例讲解css如何给表格首行添加图片背景 。
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css若何给表格首行添加图片布景 。
2【css如何给表格首行添加图片背景】在test.html文件内 ， 利用table标签建立一个表格 ， 用于测试 。
3在test.html文件内 ， 设置table标签的class属性为mytable 。
4在css标签内 ， 经由过程class设置表格的宽度为300px ， 高度为300px 。
5在css标签内 ， 经由过程class和选择器“:first-child”选择表格第一行界说样式 ， 利用background属性设置布景为2.jpg的图片 。
6在浏览器打开test.html文件 ， 查看实现的结果 。
总结：11、利用table标签建立一个表格 ， 设置table标签的class属性为mytable 。 2、在css标签内 ， 经由过程class设置表格的宽度为300px ， 高度为300px 。 3、在css标签内 ， 经由过程class和选择器“:first-child”选择表格第一行界说样式 ， 利用background属性设置布景为2.jpg的图片 。 4、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是css如何给表格首行添加图片背景的内容啦 ， 希望对你有所帮助哦！
猜你喜欢
- Thinkphp模板中如何求两个数值的和
- PS给布料添加文字
- 如何取消快手帐号保护功能
- 2345安全卫士当未拦截广告多次弹出如何再次提醒
- 文件夹如何制作成压缩包
- 电脑版QQ浏览器如何进行网页缩放
- 电脑版QQ如何开启自动锁定功能
- 全民K歌如何开启锁屏歌词
- 微信序列号如何领取红包封面
- 淘宝免密支付功能如何关闭