用html和css写的个人简介

写来完成老师的作业，哈哈

写的非常简单

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>个人简介</title><style>body{background: url("image/bg.jpg")no-repeat center;}.bg_layout{border: 1px solid #FFFFFF;margin: auto;/*background-color: white;*/width:700px;height:600px;}table {border-collapse: collapse;}table, th, td {border: 1px solid black;text-align: left;}th{width: 100px;text-align: center;}td{width:120px;padding: 15px;}.t1{font-size: 30px;letter-spacing: 30px;height: 80px;}img{width:200px;height:200px;}ul.a{list-style-type: square;}ul.b{list-style-type: circle;}ol.c{list-style-type:decimal;}</style>
</head>
<body>
<div><p>请不要拿来直接去交老师的作业</p><table class="bg_layout"><tr><th colspan="7" class="t1">个人简介</th></tr><tr><th>姓名</th><td> 小pj</td><th>性别</th><td >女</td><td rowspan="3"> <img src="./image/touxiang.jpg" alt="头像" ></td></tr><tr><th>生日</th><td>2001.01</td><th>民族</th><td>汉族</td></tr><tr><th>籍贯</th><td>江苏</td><th>政治面貌</th><td>共青团员</td></tr><tr><th>联系电话</th><td>12345678912</td><th>电子邮件</th><td colspan="2"><a href="#">2692890272@qq.com</a></td></tr><tr><th>现居住地</th><td colspan="6">江苏省南通市</td></tr><tr><th>兴趣爱好</th><td colspan="6"><ul class="a"><li>唱歌</li><li>听音乐</li><li>看电视</li></ul></td></tr><tr><th>专业技能</th><td colspan="6"><ol class="c"><li>c语言</li><li>c++</li><li>Java语言</li></ol></td></tr><tr><th>自我评价</th><td colspan="6"><ul class="b"><li>热情善良</li><li>诚实守信</li><li>吃苦耐劳</li></ul></td></tr></table>
</div>
</body>
</html>

最后完成的效果如图所示

用html和css写的个人简介相关推荐

[css] 写出主流浏览器内核私有属性的css前缀
[css] 写出主流浏览器内核私有属性的css前缀完善一下: Chrome:Blink内核 -webkit-Safari:WebKit内核 -webkit-Firefox :Gecko内核 -moz ...
[css] 写出你知道的CSS水平和垂直居中的方法
[css] 写出你知道的CSS水平和垂直居中的方法 flex布局水平垂直居中: <div class="outer"><di ...
[css] 写例子说明如何强制（自动）中、英文换行与不换行
[css] 写例子说明如何强制(自动)中.英文换行与不换行 word-break:break-all;只对英文起作用,以字母作为换行依据word-wrap:break-word; 只对英文起作用,以单 ...
[css] 写出你遇到过IE6/7/8/9的BUG及解决方法
[css] 写出你遇到过IE6/7/8/9的BUG及解决方法把以前兼容IE6.7学习的东西搬出来了,还以为不见了.兼容性问题 1.IE6margin双边距问题 2.IE67 li间隙问题 3.图片间 ...
[css] 写出几个初始化CSS的样式，并解释说明为什么要这样写
[css] 写出几个初始化CSS的样式,并解释说明为什么要这样写 padding:0; margin:0;为了解决各个浏览器显示不一样的问题个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容 ...
[css] 写出div在不固定高度的情况下水平垂直居中的方法？
[css] 写出div在不固定高度的情况下水平垂直居中的方法? 我知道的有两种方法<!DOCTYPE html> <html><head><meta char ...
[css] 请使用css写一个多级的下拉菜单
[css] 请使用css写一个多级的下拉菜单 <!DOCTYPE html> <html lang="en"><head><meta ch ...
[css] 请用css写一个扫码的加载动画图
[css] 请用css写一个扫码的加载动画图 @Keyframes donut-spin { 0% { transform: rotate(0deg); } 100% { transform: rot ...
[css] 写一个动画，向上匀速移动100px，向下以1.5倍速度移动200px，一直反复循环
[css] 写一个动画,向上匀速移动100px,向下以1.5倍速度移动200px,一直反复循环 .animation-block {width: 50px;height: 50px;backgroun ...

用html和css写的个人简介

用html和css写的个人简介相关推荐

最新文章

热门文章