html布局

最新推荐文章于 2024-07-19 13:18:23 发布

weixin_30565199

最新推荐文章于 2024-07-19 13:18:23 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haq5201314/p/7632847.html

html布局代码

<html>
<head>
<style>
#mys{
  background-color:black;
  color:white;
  text-align:center;
  padding:30px;
}

#opq{
  background-color:gray;
  width:200px;
  height:1037px;
  float:left;
  color:black;
  padding:30px;
}

#bsp{
  font-size:20px;
  text-align:center;
  padding:30px;
 }

#ors{
  background-color:black;
  text-align:center;
  padding:30px;
  color:white;
  text-align:bottom;
}
</style>
</head>
<body>
<div id="mys">
<h2>告白气球</h2>
</div>

<div id="opq">
塞纳河畔 左岸的咖啡<br>
我手一杯 品尝你的美<br>
留下唇印的嘴<br>
花店玫瑰 名字写错谁<br>
告白气球 风吹到对街<br>
微笑在天上飞<br>
你说你有点难追<br>
想让我知难而退<br>
礼物不需挑最贵<br>
只要香榭的落叶<br>
喔～营造浪漫的约会<br>
不害怕搞砸一切<br>
拥有你就拥有 全世界<br>
亲爱的 爱上你 从那天起<br>
甜蜜的很轻易<br>
亲爱的 别任性 你的眼睛<br>
在说我愿意<br>
塞纳河畔 左岸的咖啡<br>
我手一杯 品尝你的美<br>
留下唇印的嘴<br>
花店玫瑰 名字写错谁<br>
告白气球 风吹到对街<br>
微笑在天上飞<br>
你说你有点难追<br>
想让我知难而退<br>
礼物不需挑最贵<br>
只要香榭的落叶<br>
喔～营造浪漫的约会<br>
不害怕搞砸一切<br>
拥有你就拥有 全世界<br>
亲爱的 爱上你 从那天起<br>
甜蜜的很轻易<br>
亲爱的 别任性 你的眼睛<br>
在说我愿意<br>
亲爱的 爱上你 恋爱日记<br>
飘香水的回忆<br>
一整瓶 的梦境 全都有你<br>
搅拌在一起<br>
亲爱的别任性 你的眼睛<br>
在说我愿意<br>
<a href="http://bd.kuwo.cn/yinyue/7149583?from=sogou">点我听歌</a>
</div>
  
<div id="bsp">
<p>dear haq,

i haq thought that dreams were just dreams, but you made them all come true and even better, you built new dreams with me! i can not thank you enough for being more than perfect because you showed me that even all the things that seem wrong are actually opportunities to work at them together and bring us closer together. no matter how far you are and no matter what you do, i always want you to know how much you mean to me, and how much i truly love you and how much i will always be yours forever.

i love you so much and wish i could be there to hug and kiss you all day and all night long but for now this love letter will have to be my message. but know that you are a big part of me and i think of you all the time. i love you, and i've loved you before i was born, because i believe i was made for you, and will be yours for all eternity.

love haq</p>
<img src="http://p0.so.qhimgs1.com/bdr/_240_/t014cea356bad5e3a3c.jpg" align="bottom">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>

<div id="ors">
<img src="http://p2.so.qhimgs1.com/bdr/_240_/t011cc7846496510562.jpg" width="30px" height="30px" align="absbottom">
<a href="http://www.cnblogs.com/haq5201314/p/7632561.html">love you to me</a>
<p>8d4aac24eae9910090c6b030c1e04f2b</p>
</div>
</body>
</html>

　　效果图：