css 定义文字背景图片

发布网友

我来回答

4个回答

热心网友

方法:

用letter-spacing调整文本的字间距,然后在父元素用background-image设置背景图片(可以用单个圆型图案设置background-repeat:repeat-y纵向重复。

每个a标签放一个字,然后设置边框属性和背景颜色,实例如下:

<html>
  <head>
    <style>
      a {
        display: inline-block;
        width: 40px;
        height: 32px;
        padding-top: 8px;
        text-align: center;
        border: 1px solid yellow;
        border-radius: 20px;
        background: green;
      }
    </style>
    <!--
    注:border-radius = width * 0.5,height = width - padding top
           padding-top用于调整文字垂直位置,数值视显示效果而定
    -->
  </head>
  <body>
    <a>实</a>
    <a>例</a> 
  </body>
</html>

热心网友

加矩形边框比较简单吧,圆形的感觉必须用背景图片了

热心网友

要么设置圆形透明边框的背景,,要么使用css3配合hack的圆角样式

热心网友

背景带圆,表格6个,字体居中,可以实现呗?

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com