CSS中给行元素背景添加颜色的方法是什么
Admin 2022-05-28 群英技术资讯 995 次浏览
设置方法:1、利用“background-color”属性设置,只需要给行元素添加“background-color:颜色值;”样式即可;2、利用background属性设置,只需要给行元素添加“background:颜色值;”样式即可。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css如何给行元素设置背景颜色
在css中,可以利用background-color属性来给行元素设置背景颜色,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .tr1{ background-color:red; } </style> </head> <body> <table border="1"> <tr class="tr1"> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> </body> </html>
输出结果:
或者可以直接使用background属性来设置背景颜色,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .tr1{ background:red; } </style> </head> <body> <table border="1"> <tr class="tr1"> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> </body> </html>
输出结果与上述示例相同。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章给大家分享的是CSS实现背景图铺满屏幕的方法。背景图铺满屏幕是比较常见的需求,但是有一些新手朋友可能对于如何实现这个效果不是很清楚,因此分享给大家做个参考,文中的示例代码介绍得很详细,实现代码如下,接下来就跟随小编一起了解看看吧。
学习css的朋友应该都有听过css选择符,css选择符就是指要修改的元素,比较常用的选择符是,标签选择符,类选择符,ID选择符等等。其实ccs选择符是有利于提高代码质量的,下面我们一起深入了解css选择符。
本篇文章给大家带来的内容是关于html5页面如何实现点击复制的功能 (完整代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
HTML表格标记入门知识之单元格间距属性你知道是怎样的吗?带着这个问题,接下来的时间不妨看看小编所整理的资料,一定会让你收获满满。
这篇文章主要介绍了CSS 利用table实现五种常用布局的方法示例的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008