如何用css和HTML写一个页面，如下图

html-css021

如何用css和HTML写一个页面，如下图,第1张

我觉得你现在是没有搞清楚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>

最好的，你还是用textarea，然后用css添加一个背景，这个背景图片可以只是一个像素宽度，高度就是行高，然后底部加1px的黑点就行了，然后平铺。

当然你可以把textare的高度设置为2行的高度。

这样的话，即可以style显示你要得效果，

而且里面的编辑方式又不会被破坏，如果写成两个带下边框的input type=text的话，编辑形式就不一样了

function getRadioValue(type) {

var temp = document.getElementsByName(type)

var idStr = ""

for (var i = 0i <temp.lengthi++) {

if (temp[i].checked) {

var intHot = temp[i].value

idStr += intHot + ","

}

}

return idStr.substring(0, idStr.length - 1)

}

//这个代码是获取radio value 值的。这个也可以用在checkbox 上。是一个通用的函数。 type 就是你的radio name="sex" , 传进入 "sex" ，就能获取value 值。