博客列表 >PHP课程第六天-CSS基本属性2

PHP课程第六天-CSS基本属性2

Sam徐民强的博客
Sam徐民强的博客原创
2018年03月23日 17:34:20545浏览
<!doctype html>
<html>
<head>
<meta charset="utf-8">

<style>
table{
width:60%;
margin:30px auto;
border-collapse:collapse;
box-shadow:5px 5px 5px #e3e3e3;
background:url(image/4.jpg) repeat-x;

}
table,th,td{ border:1px solid #ccc;

text-align:center;
line-height:35px;
}
th{ background-color:#e2e2e2;}
img{
min-height:50px;
border-radius:50%;
box-shadow:0px 0px 10px #333;
margin-top:10%;
}
</style>
<title>永鼎医院医生名录</title>
</head>
<body>
<table>
<caption><h2>永鼎医院医生名录</h2></caption>
  <tr>
    <th>序号</th>
    <th>姓名</th>
    <th>科室</th>
    <th>职称</th>
    <th>头像</th>
  </tr>
  <tr>
    <td>1</td>
    <td>谢峰</td>
    <td>普外科</td>
    <td>副主任医师</td>
    <td><img src="image/1.jpg" width="50" /></td>
  </tr>
  <tr>
    <td>2</td>
    <td>羊月华</td>
    <td>神经内科</td>
    <td>副主任医师</td>
    <td><img src="image/2.jpg" width="50" /></td>
  </tr>
  <tr>
    <td>3</td>
    <td>张国栋</td>
    <td>内分泌科</td>
    <td>副主任医师</td>
    <td><img src="image/3.jpg" width="50" /></td>
  </tr> 
</table>
</body>
</html>

1.jpg

2.jpg

上一条:322作业下一条:CSS对表格的控制
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议