html - 使用 CSS 生成类似对象的图像

标签 html css fonts

<分区>

我正在考虑使用 CSS 生成下图。

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

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

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

enter image description here

enter image description here

最佳答案

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/

关于html - 使用 CSS 生成类似对象的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21233917/

相关文章:

html - 我怎样才能完全重叠一张图片?而且它不向左对齐

jquery - 更改 HTML onclick 事件操作(不同)

html - 创建一个以 SVG 建模的元素

c - PDF内容流中的各种字形如何编码?

html - Django 模板 - 背景图像 Jinja

javascript - 使用 jQuery 将 SVG 元素插入到 HTML 标记中

html - 在父 div 内垂直居中内容 div(宽度百分比)

jquery - 显示 flex 导致混合间距问题

Python 以编程方式更改控制台字体大小

java - 如何在 Fedora 中保留类似于 Windows 的 Java GUI 外观