用html与css制作网页实例(求用CSS和html做静态网页~~~很急,大神支支招)

本文目录
求用CSS和html做静态网页~~~很急,大神支支招
《head》
《style type="text/css"》
《!-- A { text-decoration: none} --》
《/style》
《meta http-equiv="Content-Type" content="text/html; charset=gb2312" /》
《title》专题《/title》
《style type="text/css"》
body,td,th {
font-size: 18px;
color: #990022;
font-weight: bold;
}
#sss {
float: left
}
li{
float: left;
width:80px;
}
body {
background-color: #00ffee;
background-image: url(Image/bg.jpg);
background-repeat: repeat;}
《/style》
《/head》
《body》
《div id="sss"》
《ul》
《li》《a href=""》 首页 《/a》 《/li》
《li》《a href=""》 简介 《/a》 《/li》
《li》《a href=""》 相册 《/a》 《/li》
《li》《a href=""》 与你分享 《/a》 《/li》
《/ul》
《/div》
《/body》
怎样用html和css构建一张页面
首先 会使用html和css,并且懂得使用js(为特效准备)
其次 css分为行内样式、行外样式(class、id、标签)、外联样式(推荐,class、id、标签)
最后 html内利用css、js特效(class、id、标签)改变html标签样式达到排版效果,
如何用css和HTML写一个页面,如下图
我觉得你现在是没有搞清楚html中对区块的划分,这张图明显是先分左右两大块,左边再分上中下三块,右边1、2、3、4,四块,再往里面填充内容,你看划分图
我帮你写个框架,其他的细节和内容你自己去填
《style》
*{ margin:0; padding:0; list-style:none;}
.wap{ width:990px; height:auto; margin:0 auto;}
.leftBox{ width:754px; height:auto; float:left; border:1px solid red;}
.rightBox{ width:220px; height:auto; float:right; border:1px solid red;}
.nrBox{ margin-bottom:13px; border:1px solid #00F;}
《/style》
《div class="wap"》
《div class="leftBox"》
《div class="nrBox" style="height:215px;"》个人信用调查(高215)《/div》
《div class="nrBox" style="height:560px;"》调查宗述(高560)《/div》
《div class="nrBox" style="height:96px;"》调查案例(高96)《/div》
《/div》
《div class="rightBox"》
《div class="nrBox" style="height:227px;"》个人信用调查(高227)《/div》
《div class="nrBox" style="height:160px;"》图片一(高160)《/div》
《div class="nrBox" style="height:158px;"》图片二(高158)《/div》
《div class="nrBox" style="height:154px;"》图片三(高154)《/div》
《div class="nrBox" style="height:72px;"》图片四(高72)《/div》
《/div》
《/div》
如何用html+css做出这个静态网页 求大神解答
以前我也做过类似的这种静态页面,其实每一块的布局都差不多,做好一个其他的大同小异,下面提供我的思路以供参考(宏观角度):
第一:先把整体框架搭起来,通过绝对定位确定大的模块的位置。
第二:根据图中每一块的结构来选择table或者其他布局方式。
第三:需要精确的时候可以用div块来调试,出现细节问题可以查资料解决一下。

更多文章:
中国建设银行手机银行app(中国建设银行app怎么免密登录)
2026年11月3日 18:30







