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个,字体居中,可以实现呗?