2011年10月28日
摘要: 现在我们来制作最经常用到的1-2-1布局。是在之前的例子中添加了一个side栏。但是通常情况下,两个div只能竖直排列。为了让content和side能够水平排列,必须把他们放到另一个div中,然后使用浮动或绝对定位的方法,使content和side并列起来。本例是用浮动效果做的。如果想要图像跟着屏幕的大小而进行改变的话就把宽度设置为百分比,那么它就可以跟着屏幕的大小而改变了。效果如图:下面是制作的代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. 阅读全文
posted @ 2011-10-28 13:02 死証朙萿過 阅读(208) 评论(0) 推荐(0)
摘要: 这是一个最简单的一种布局形式,通过本例希望读者能够顺利复习之前的圆角框的制作方法。把他们居中是把margin值设为0,auto就可以实现了。实现效果如图:以下是代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> 阅读全文
posted @ 2011-10-28 12:51 死証朙萿過 阅读(250) 评论(0) 推荐(0)