CSS3样式用于DIV元素实现,例如本网站中的标签



作为我是CSS3的新手,我需要有关显示记录的帮助。我已经实现了自动完整功能,当我选择记录时,它将存储在下面的DIV中。现在,它仅向我展示文字。现在,我想拥有该记录的样式,该样式应该类似于本网站中的标签。例如:在标签部分中,如果我们选择html5,它会像一个按钮一样存储在其旁边的删除图像,我需要像这样显示我的记录。给我一个造型的想法。以下是代码:

<div style="padding-top: 20px;">
<label for="poolName" style=" font-family: serif; font-size:medium;">or start with: </label>
<input id="poolName" name="poolName" type="text" value="" size="60" style="font-family: serif; font-size: small;"  />
</div>
<div  style="margin-top: 2em; font-family: serif; font-size: medium;"> Result: 
<div  id="log"  style="border:1px solid black ; width: 190px; overflow: auto;"></div> 
</div> 

预先感谢

chrome的开发人员工具告诉我 tag 样式是: background-color: #E0EAF1; border-bottom: 1px solid #b3cee1; border-right: 1px solid #b3cee1; padding: 3px 4px 3px 4px; margin: 2px 2px 2px 0; text-decoration: none; font-size: 90%; line-height: 2.4; white-space: nowrap;

最新更新