欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > Python教程 >

Css caption-side属性怎么用

发布时间:2019-05-29  编辑:杨雨个人博客网站   点击:   

Css caption-side属性怎么用

Css caption-side属性定义及用法

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

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

Css caption-side属性值

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

bottom:表格标题在表格之下

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

语法格式

caption-side:top / bottom / inherit;

实例

<!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 本文地址:http://itbyc.com/Python/21102.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1