WEB标准网站设计心得

2005年06月

摘要：图片素材来源网上.

还是选LIGHTY样式

body, html {
background:#020202 url(http://www.donews.net/images/www_donews_net/dodo/54776/o_tmpbg92.jpg) no-repeat;
    color: #555555;
    font-family:ms shell dlg;
    font-size:12px;
    margin: 0;
    line-height:150%;pad    （全文共7994字）——点击此处阅读全文

发表于 @ 2005年06月18日 2:47 AM | 评论 (19)

用CSS实现表单form布局

摘要：在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码（全文共1237字）——点击此处阅读全文

发表于 @ 2005年06月18日 1:26 AM | 评论 (11)

照片

发表于 @ 2005年06月17日 11:41 PM | 评论 (4)

DIY DoNews Blog模板之八小样的Blogger

摘要：DIY DoNews Blog模板之八小样的Blogger （全文共7521字）——点击此处阅读全文

发表于 @ 2005年06月09日 3:33 AM | 评论 (21)

用DIV做不规则形状的环绕文字

图片在页面上的页面上的的位置体现是方形,不会是圆形或者多边形,这样做图片周围的文字环绕也就只能按方形来排列,
可以用DIV+CSS来做到不规则形状的文字环绕

在线运行演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>
<head>
<title>不规则图片环绕文字</title>
<style>
html, body {
  margin: 0px;
  padding: 40px 0 0 100px;
  background:#000;color:#fff;font-size:14px;
}
div{margin: 0px;
  padding: 0px;
  border: 0px;
color:#fff;font-size:14px;}
#content {
  background: url(http://www.donews.net/images/www_donews_net/dodo/49134/o_003.jpg) no-repeat;
  margin: 0px;
  padding: 0px;
  border: 0px;
  line-height:155%
}
.blank {
  float: left;
  clear: left;
  margin: 0px 25px 0px 0px;
  font-size:9px;font-family:arial;
  height:21px
}
</style>
</head>
<body>
<div id="content">
<div class="blank" style="width:175px;">1 </div>
<div class="blank" style="width:180px;">2 </div>
<div class="blank" style="width:170px;">3 </div>
<div class="blank" style="width:166px;">4 </div>
<div class="blank" style="width:160px;">5 </div>
<div class="blank" style="width:155px;">6 </div>
<div class="blank" style="width:138px;">7 </div>
<div class="blank" style="width:136px;">8 </div>
<div class="blank" style="width:120px;">9 </div>
<div class="blank" style="width:126px;">10 </div>
<div class="blank" style="width:132px;">11 </div>
<div class="blank" style="width:138px;">12 </div>
<div class="blank" style="width:138px;">13 </div>
<div class="blank" style="width:138px;">14 </div>
月色正朦胧<br />
与清风把酒相送<br />
太多的诗颂<br />
醉生梦死也空<br />

和你醉后缠绵<br />
你曾记得<br />
乱了分寸的心动<br />
怎么只有这首歌<br />
会让你轻声合<br />
醉清风<br />

梦镜的虚有<br />
琴声一曲相送<br />
还有没有情浓<br />
风花雪月颜容<br />

</div>
</body>
</html>

发表于 @ 2005年06月03日 3:29 AM | 评论 (13)

Lomo