textarea不太清楚中的cols="10"和這個 rows="3",,在編程中改動它們都沒有變化啊,它們到底有什么用啊,加了好像和沒加一樣
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
body{font-family:"微軟黑體"; font-size:12px;
}
body,form,input,select,textarea{
margin:0;
padding:0;
list-style:none;
border:none;
background-color:transparent;}
.content{
height:418px;
padding-top:35px;
background:url(detail.jpg) no-repeat;}
.title
{
width:739px;
height:30px;
border-top:2px dotted #83775e;
border-bottom:2px dotted #666;
text-align:center;
font-size:18px;
}
#list{
width:743px;
margin:50px auto;
}
.txt{
width:739px;
height:300px;
border-top:2px dotted #83775e;
margin-top:10px;
font-size:24px;
}
.choose{
height:30px;
padding:12px 0 0 5px;
background-color:#b6ac94;
font-weight:bold;
}
select{
width:80px;
border:1px solid #666;
background-color:#000;
}
.choosel{
width:100px;
margin-right:20px;
}
.btn{
margin-top:10px;
}
.btn1,.btn2,.btn3{
width:100px;
height:24px;
background-color:#eee;
border:1px solid #ccc;
}
.btn1{background-color:#b6ac94;}
.btn3{margin-left:425px;}
? ? ? ? ? ? ? ? ??
</style>
</head>
<body>
<form action="#" method="post" id="list">
<div class="content">
<input class="title" type="text" value="請輸入日志標題"/>
<textarea class="txt" cols="30" rows="10"></textarea>
</div>
<div class="choose">
<span>分類:</span>
<select class="choosel">
<option>文章轉載</option>
<option selected="selected">個人日志</option>
<option>游戲人生</option>
</select>
<span>權限:</span>
<select>
<option>公開</option>
<option">好友可見</option>
<option>個人可見</option>
</select>
</div>
<div class="btn">
<input class="btn1" type="submit" value="發 表"/>
<input class="btn2" type="reset" value="取消"/>
<input class="btn3" type="button" value="保存草稿"/>
</div>
</form>
</body>
</html>
2016-05-04
你這個設置了之所以看起沒效果,是因為你給textarra設置高度寬度,你取消高寬,就能看到效果了。