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

6、css学习6(表格)

1、指定CSS表格边框,使用border属性。

2、表格双边框是因为th/td有各自独立的边框。

3、boder-collapse设置表格边框是否被折叠成一个单一的边框。

4、width和height属性定义表格的宽度和高度。

5、text-align属性设置水平对齐方式。

6、vertic-align属性设置垂直对齐方式。

7、padding填充属性用来控制边框与内容之间的距离。

8、background-color、color分别设置背景颜色与文本颜色。

9、用caption属性定义表格名称。

<!DOCTYPE html>
<html><head><meta charset="uft-8"><title>CSS修饰表格</title><style>table,th,td{border: 1px solid blue;border-collapse: collapse;}th{height: 50px;background-color: bisque;}td{text-align: center;vertical-align: bottom;padding: 15px;color: green;}caption {caption-side: bottom;color:red}</style></head><body><table><tr><th>名称</th><th>简介</th></tr><tr><td>php</td><td>世界上最好的编程语言</td></tr><tr><td>java</td><td>也很强</td></tr><caption>表1:世界著名编程语言比较</caption></table></body>
</html>

运行结果:

 

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

相关文章:

  • Ceph源码解析:PG peering
  • 解决jupyter notebook可以使用pytorch而Pycharm不能使用pytorch的问题
  • 对建造者模式理解
  • 回归预测 | MATLAB实现CSO-ELM布谷鸟算法优化极限学习机多输入单输出回归预测(多指标,多图)
  • 静态链接库和动态链接库的区别
  • 使用 python 源码搭建 conda 环境
  • dart 学习之 异步操作
  • 《Flink学习笔记》——第二章 Flink的安装和启动、以及应用开发和提交
  • 网易新财报:游戏稳、有道进、云音乐正爬坡
  • Docsify的评论系统gitalk配置过程
  • HarmonyOS/OpenHarmony(Stage模型)卡片开发应用上下文Context使用场景二
  • 数字货币量化交易平台
  • 2022 ICPC 济南 E Identical Parity (扩欧)
  • 【BUG事务内消息发送】事务内消息发送,事务还未结束,消息发送已被消费,查无数据怎么解决?
  • 数据分析作业四-基于用户及物品数据进行内容推荐
  • 在腾讯云服务器OpenCLoudOS系统中安装svn(有图详解)
  • C语言日常刷题5
  • 【LeetCode-中等题】73. 矩阵置零
  • 本地部署 FastGPT
  • 软件工程(十八) 行为型设计模式(四)
  • Socket通信与WebSocket协议
  • 新KG视点 | Jeff Pan、陈矫彦等——大语言模型与知识图谱的机遇与挑战
  • 详解过滤器Filter和拦截器Interceptor的区别和联系
  • List常用的操作
  • Android studio APK切换多个摄像头(Camera2)
  • ChatGPT 对教育的影响,AI 如何颠覆传统教育
  • Spring(九)声明式事务
  • java中用HSSFWorkbook生成xls格式的excel(亲测)
  • 做平面设计一般电脑可以吗 优漫动游
  • 设计模式备忘录+命令模式实现Word撤销恢复操作