码迷,mamicode.com
首页 > Web开发 > 详细

fanfan page/html && css

时间:2016-10-05 01:16:43      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:html && css

file:index.html


<!DOCTYPE html>

<html>

<head>

<link type="text/css" rel="stylesheet" href="stylesheet.css"/>

<title>Kris Wu </title>

</head>

<body bgcolor="#99CCFF">

<!--Go bananas!-->

<table>

<thead>

<th colspan="3"><h1>Film Kris porformed</h1></th>

</thead>

<tr>

<td><h2>Somewhere Only We Know</h2></td>

<td><h2>Mr.Six</h2></td>

<td><h2>L.O.R.D</h2></td>

</tr>

<tr>

<td><a href="http://baike.so.com/doc/7477484-7746516.html"><img src="http://p5.qhmsg.com/t01efc8ddabfc83bde7.jpg" /></a></td>

<td><a href="http://baike.so.com/doc/7018439-7241335.html"><img src="http://p3.qhmsg.com/t013bb58da985f88b79.png" /></a></td>

<td><a href="http://baike.so.com/doc/5344669-8712188.html"><img src="http://p8.qhmsg.com/t0163f05597df061a20.jpg" /></a></td>

</tr>

</table>

<p><h1>Kris Wu is also a singer.</h1>

</p>

<table class="my-table">

<tr>

<td><strong>歌曲名称(歌曲说明)</strong></td>

<td><strong>发行时间</strong></td>

</tr>

        <tr>

        <td><a href="http://bd.kuwo.cn/yinyue/6693016?from=dq360"><span style="color:red">Bad Girl</sapn></a>(原创作词作曲并担任制作人)</td>

   <td>2015-11-06</td>

     </tr>

   <tr>

   <td><a href="http://bd.kuwo.cn/yinyue/6774276?from=dq360" ><span style="color:red">花房姑娘</span></a>(电影《老炮儿》推广曲)</td>

   <td>2015-12-15</td>

   </tr>

        </table>

</body>

</html>


file:stylesheet.css


/*Write your CSS below!*/

h1 {

    color:#ffcd94;

    font-family:crusive;

}


h2 {

    color:#ffad60;

    font-family:serif;

    text-align:center;

}


img {

    height: 200px;

    width:200px;

}

    

p {

    color:#ffe39f;

    font-family:monospace;

}


.my-table {

    border: 1px solid #ccc;

    border-collapse: collapse;

}

.my-table td {

    border: 1px solid blue;

}


display:

技术分享

fanfan page/html && css

标签:html && css

原文地址:http://12129796.blog.51cto.com/12119796/1858690

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!