Question

我正在尝试将设计编码为HTML和CSS。这是一个小片段。我遇到了定位问题，似乎无法将元素放在正确的位置。

我的网页位于http://www.sarahjanetrading.com/js/j/index.html

我想复制的设计可以在这里找到：http://www.sarahjanetrading.com/js/j/people-list.png

我还希望复选框输入看起来像设计中的那个。可以为复选框设置样式吗？

Answer 1

像这样更改你的CSS：

#people-list #content h2 {
font-size: 16px;
float: left;
margin-left: 10px;
margin-top: 5px;
width: 355px;
}
#people-list #content small {
font-size: 12px;
color: #8F9092;
margin: 5px 0 8px;
display: block;
float: left;
width: 355px;
display: block;
margin-left: 9px;
}
#people-list #content .tags {
border-radius: 7px;
box-shadow: inset 0px 6px 2px 8px #f5f5f5;
border: 1px solid #E3E3E3;
padding: 2px;
font-size: 9px;
margin-right: 3px;
margin-left: 10px;
}

并选中此链接以获取样式复选框 http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Answer 2

是的，复选框可以设置样式，尝试将按钮放在div中并将显示属性更改为内联

CSS网页元素未正确定位

2 个答案: