使用CSS生成类似Object的图像

时间:2014-01-20 12:18:38

标签: html css fonts

我正在寻找使用CSS生成下面的图像。

我已尝试添加以下所需的所有必需信息。

BgColor,字体颜色,字体大小,字体系列,字体样式。如果需要任何其他数据,请提及。

字体文本应显示在图像的中间。如何构建CSS以将文本放在中心。

enter image description here

enter image description here

3 个答案:

答案 0 :(得分:1)

横向居中:

text-align : center;

垂直居中:

line-height : 100px;

答案 1 :(得分:1)

HTML

<div>WW</div>

CSS

div{ background:#ced6e9;
font:bold 46px arial; color:#315bb4;
width:100px; height:100px; line-height:100px;text-align:center}

以下是演示http://jsfiddle.net/9Dxza/1/

答案 2 :(得分:0)

background-color: green;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;