基于PHP的商城类网站的评论功能的布局css全部代码
时间: 2024-02-20 20:56:52 浏览: 30
在基于PHP的商城类网站的评论功能中,评论区域的布局css可以参考以下代码:
```
.comment-box {
margin-top: 20px;
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
}
.comment-box h3 {
font-size: 18px;
margin-bottom: 15px;
}
.comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.comment-list li {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.comment-list li:last-child {
border-bottom: none;
}
.comment-list .user {
font-weight: bold;
margin-right: 10px;
}
.comment-list .time {
color: #999;
font-size: 12px;
margin-right: 10px;
}
.comment-list .content {
margin-top: 5px;
font-size: 14px;
}
.form-group {
margin-bottom: 15px;
}
.form-control {
display: block;
width: 100%;
height: 100px;
padding: 10px;
font-size: 14px;
line-height: 1.5;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
```
在上面的代码中,我们主要对评论区域的样式进行了设置,包括评论列表、评论内容、表单样式等。这些样式可以根据实际情况进行调整。