我怎样才能在CSS和HTML中实现这样的东西？

Question

如何在CSS和HTML中实现这样的东西？

 <bod>     
 <div id="corner">    
 <div id"link_img"></div>  
 <div id "link_text">LINK</div> 
 <div> 
 <bod>

http://img7.imageshack.us/my.php?image=linke.jpg

Answer 1

这样的事情（如果您无法更改标签，但可以在

中添加 

 <div id="corner">    
     <div id="link_img">&nbsp;</div>  
     <div id="link_text">LINK</div> 
 <div> 

<style type="text/css">

#link_img {float: left; width: 20px; background-color: #ffff00; margin-right: 5px;}
#link_text {float: left; color: #ffff00;}

</style>

如果您无法在 

上添加height: 20px;，则需要#link_img

或者像这样：

<div id="link_text">LINK</div> 

<style type="text/css">

#link_text {color: #ffff00; border-left: 20px solid #ffff00; padding-left: 5px;}

</style>