css caption-side属性怎么用


本文摘自php中文网,作者silencement,侵删。

css caption-side属性定义及用法

1、在css中,caption-side属性是用来规定表格标题的位置,表格标题可以设置在表格之上(默认),也可以设置在表格之下

2、目前所有主流浏览器都支持caption-side属性,但是IE8必须要指定!DOCTYPE才支持

css caption-side属性值

top:表格标题在表格之上(默认)

bottom:表格标题在表格之下

inherit:从父元素继承 caption-side 属性的属性值

语法格式

1

caption-side:top / bottom / inherit;

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>css caption-side表格标题属性笔记</title>

<style>

table{width:400px; height:150px;}

caption{caption-side:top;}

</style>

<head/>

<body>

<table border="1">

<caption>学生成绩表</caption>

<tr><th>学号</th><th>姓名</th><th>性别</th><th>成绩</th></tr>

<tr><td>1</td><td>张三</td><td>男</td><td>60</td></tr>

<tr><td>2</td><td>李四</td><td>男</td><td>80</td></tr>

</table>

</body>

</html>

运行结果

8e3e94d6adb48841ec82a9c66b52001.png

以上就是css caption-side属性怎么用的详细内容,更多文章请关注木庄网络博客!!

相关阅读 >>

Python3.6性能测试框架locust安装与使用详解(图)

go语言和Python哪个难

Python怎么调用地图

Python 2种方法实现叠加矩形框图层

Python基于win32ui模块创建弹出式菜单

Python中函数如何定义?Python函数的调用方法介绍

Python如何进行异常处理

介绍Python描述符的意义

Python程序死循环怎么停止

Python的collection模块

更多相关阅读请进入《Python》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...