当前位置: 首页 > news >正文

CSS练习

CSS练习

  • 工具
  • 代码
  • 运行结果

工具

HBuilder X

代码

<!DOCTYPE html>
<!-- 做一个表格,6行4列实现隔行换色(背景色)并且第3列文字红色第一个单元格文字大小30px。最后一个单元格文字加粗-->
<html><head><meta charset="utf-8"><title></title><style>table{background-color: beige;}tr:nth-child(even){background-color: powderblue;}tr td:nth-child(3){color: red;}tr:first-child td:first-child{font-size: 30px;}tr:last-child td:last-child{font-weight: bold;}</style></head><body><table border="2" cellspacing='0'><tr> <!--第一行--><td>sds</td><td>s</td><td>dd</td><td>sds</td></tr><tr> <!--第二行--><td>cd</td><td>sc</td><td>adc</td><td>sa</td></tr><tr> <!--第三行--><td>dcd</td><td>sdas</td><td>sdds</td><td>d</td></tr><tr> <!--第四行--><td>dsd</td><td>asdsa</td><td>ddsv</td><td>sd</td></tr><tr> <!--第五行--><td>ssa</td><td>sd</td><td>sad</td><td>vds</td></tr><tr> <!--第六行--><td>sad</td><td>ssa</td><td>d</td><td>sdsa</td></tr></table></body>
</html>

运行结果

在这里插入图片描述

http://www.lryc.cn/news/121492.html

相关文章:

  • 基于深度学习的3D城市模型增强【Mask R-CNN】
  • LabVIEW对并行机器人结构进行建模仿真
  • 【算法题】1281. 整数的各位积和之差
  • (一)ES6 介绍
  • 窥孔优化(Peephole Optimization)
  • Docker安装ElasticSearch/ES 7.4.0
  • 无涯教程-Perl - readline函数
  • 类与对象(入门)
  • 刷题记录(2023-08-12)
  • GPT内功心法:搜索思维到GPT思维的转换
  • 在WebStorm中通过live-server插件搭建Ajax运行环境
  • 侯捷 C++ part2 兼谈对象模型笔记——1 转换
  • 尚硅谷大数据项目《在线教育之采集系统》笔记003
  • PAT(Advanced Level)刷题指南 —— 第七弹
  • 合宙Air724UG LuatOS-Air script lib API--sys
  • MySQL建表和增添改查
  • @Transactional 注解下,事务失效的七种场景
  • chrome V3 插件开发 基础
  • 【uniapp】uniapp自动导入自定义组件和设置分包:
  • 【深度学习MOT videos detect】Detect to Track and Track to Detect
  • 关于Neo4j的使用及其基本命令
  • 【笔记】树状数组
  • vue全局组件自动注册直接使用,无需单独先引用注册再使用
  • 【HarmonyOS】@ohos.request 上传下载的那些事儿
  • github版面混乱加载不出的解决办法
  • dotNet 之数据库sqlite
  • 走近ChatGPT与类似产品:原理解析与比较
  • HarmonyOS SDK开放能力,服务鸿蒙生态建设,打造优质应用体验
  • 数字经济对产业结构升级和创业增长的影响(2011-2021年)
  • GPT-4助力数据分析:提升效率与洞察力的未来关键技术 | 京东云技术团队