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

标签 css html

我怎样才能在 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

最佳答案

像这样(如果你不能改变标签但可以在

中添加一个 
 <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; on #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>

关于css - 我怎样才能在 CSS 和 HTML 中实现这样的东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/646151/

相关文章:

java - 将 html 文件加载到 JEditorPane 中

html - Bootstrap 并排按钮文本溢出

javascript - 需要帮助修改网页上基于 JavaScript 的 Accordion 框

javascript - 如何制作纯javascript实时搜索方法?

html - Bootstrap/下拉按钮

javascript - 在 HTML 页面上制作 JSON 代码 'cleanly displayed'

javascript - Bootstrap 下拉菜单在折叠时无法定位

css - LI 背景图像 (.PNG) 未出现在 IE6 中

css - 与垂直对齐图标内联的 Bootstrap 列表

javascript - 选择带有选项的菜单无法识别页面