繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> 其它 >> 网页效果的制作与分析(三)

网页效果的制作与分析(三)

2008-05-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:$#@60;!--左边的窗格,上对齐,右边框为一象素宽,黑色--$#@62; $#@60;td width="160" valign="top" style="BORDER-RIGHT: black 1px solid"$#@62; $#@60;!--卡片框的主体,即下面这个table,高度宽度均为100%,...
关键字:效果 网页 制作 分析

$#@60;!--左边的窗格,上对齐,右边框为一象素宽,黑色--$#@62;

$#@60;td width="160" valign="top" style="BORDER-RIGHT:

black 1px solid"$#@62;

$#@60;!--卡片框的主体,即下面这个table,高度宽度均为100%,以充满窗格--$#@62;

$#@60;table width="100%" height="100%" border="0"

cellspacing="0" cellpadding="0"$#@62;

$#@60;!--下面是我们的解说重点,一个完整的卡片由卡片头和卡片本身构成,卡片头跟卡片本身各占一行($#@60;tr$#@62;),由于一行只有一列($#@60;td$#@62;),所以实际内容是包含在$#@60;td$#@62;这个标签里的--$#@62;

$#@60;tr$#@62;

$#@60;!--卡片头,设置td的class为menubar使之与我们上面定义的CSS样式.menubar对应起来。$#@60;td$#@62;$#@60;/td$#@62;之间的文字是卡片头里显示的文字--$#@62;

$#@60;td class="menubar"$#@62;更新事件簿$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menu"$#@62;

$#@60;!--此部分存放的是卡片的内容,与上面的卡片头一样,也是通过设置本td的class为menu使之与我们上面定义的CSS样式menu对应起来。这里我们直接用$#@60;p$#@62;$#@60;/P$#@62;来格式化卡片内容,你也可以用ul、ol或其他任何HTML来组织卡片里的内容。--$#@62;

$#@60;p$#@62;本周更新内容$#@60;/p$#@62;

$#@60;p$#@62;更新记录$#@60;/p$#@62;

$#@60;p$#@62;站长手记$#@60;/p$#@62;

$#@60;/td$#@62;

$#@60;/tr$#@62;

责任编辑:admin
相关文章