‘我要评论’ CSS

1、

 

<div class="st_pl_title">
	<a name="wypl"><span class="text">我要评论</span></a>
</div>

<div class="st_hf">
  <ul>
	<li class="edit">
		<textarea id="strContent" name="strContent" onkeyup="checkValueWord(this);" onmousedown="checkValueWord(this);"></textarea>
		<input type="hidden" id="lShowPicId" name="lShowPicId" value="64">
	</li>
	<li style="margin-left: 100px;margin-top:5px;"><span id="wordValueCheck">你还可以输入200个字</span></li>
	<li class="button"><input type="button" value="提交" onclick="sub()"></li>
  </ul>
</div>

 

CSS：

第一个DIV：

 

.st_pl_title {
	width: 700px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e2e2e2;  /*下方分割线*/
	margin-bottom: 20px;       /*与下个DIV的间距*/
	float: left;
}

a {
	outline: none;
	color: #333;
	text-decoration: none;
}

.st_pl_title span.text {
	color: #000;
	font-family: "microsoft Yahei";
	font-size: 18px;
	float: left;   /*不float ，‘我要评论’会在中间*/
}

 

 

第二个DIV：

 

.st_hf {
	width: 700px;
	padding-bottom: 30px;
	float: left;
	min-height: 50px;
}

.st_hf ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


.st_hf li {
	text-align: left;
}
ul, li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: list-item;
}


.st_hf li.edit textarea {
	width: 490px;
	height: 90px;
	border: 1px solid #CCC;
	margin-left: 100px;    /*左侧空白*/
	padding: 5px;
	font-family: "microsoft Yahei";
	font-size: 12px;
	line-height: 22px;
}


.st_hf li.button input {
	margin-left: 100px;
	width: 105px;
	height: 32px;
	line-height: 32px;
	font-family: "microsoft Yahei";
	font-size: 15px;
	background: url(../image/shaitu/button_bg2.jpg) top no-repeat;
	color: #FFF;
	border: 0;
	cursor: pointer;
	margin-top: 20px;
}

 

 

效果：