识别号码(ID)的输入元素

时间:2017-11-09 14:05:44

标签: html css

我正在帮助开发Web应用程序,Web应用程序将需要一个ID号。我试图使用背景图像和字母间距将单个输入字段分成十三个块。

你可能猜到,我对此有困难。我把盒子弄好了,但是当屏幕缩小时,第十四个盒子不断出现。我也遇到字母间距问题,因为它不接受百分比。

有没有人知道如我所描述的那样创建ID框的好方法,最好不要使用除HTML和CSS之外的其他编程语言,但如果这是不可能的,那也没关系。

以下代码是我的CSS

#right3 input {
    background-image: url(blocks.jpg);
    background-size: 7.229307692%;
    letter-spacing: 7.229307692%
}

1 个答案:

答案 0 :(得分:0)

据我了解,您错过了后台no-repeat选项。 请参见手册here。 您可以使用块或背景的固定尺寸值,文本偏移(填充,边距)。让一切都完美地对齐。