Rumah > pembangunan bahagian belakang > Tutorial Python > css caption-side属性怎么用

css caption-side属性怎么用

silencement
Lepaskan: 2019-05-28 13:39:55
asal
3720 orang telah melayarinya

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;
Salin selepas log masuk

实例

<!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>
Salin selepas log masuk

运行结果

8e3e94d6adb48841ec82a9c66b52001.png

Atas ialah kandungan terperinci css caption-side属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan