CSS Div 布局练习
2018-12-09 本文已影响57人
roy_pub
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
.message {
width: 908px;
height: 310px;
border: 1px solid #ccc;
margin: 20px auto 0;
padding-left: 30px;
}
.message h4 {
margin-top: 40px;
height: 40px;
}
.message h4 a {
color: red;
font-weight: normal;
}
.message textarea {
width: 842px;
height: 108px;
color: grey;
padding: 10px;
}
.message input {
margin-top: 20px;
}
.message p {
color: #f00;
font-size: 12px;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="message">
<h4>评论 <img src="images/star.png" alt=""> <a href="#">我要打分</a></h4>
<textarea>请输入意见反馈</textarea>
<input type="image" src="images/btn.png">
<p>暂时没有评论</p>
</div>
</body>
</html>
