0

直奔主题,我是 CSS 的初学者。我发现 twitter bootstrap 看起来很有前途且易于使用……好吧,并非如此。

请看一下这个

我需要:

1)将徽标(带有X)放在现在位于其下方的正方形内

2)从顶部添加一些边距。现在,浏览器 url 栏和徽标/字段之间几乎没有空间

3)在输入字段水平时在输入字段之间添加一些空格,例如。字段:“Seu Número de Celular:”、“Boleto Bancario”和“Conta de Consumo”。现在,它们几乎是粘在一起的。

我也很感激关于 CSS 教程的任何好的建议。如果这很重要,我正在使用 django。

谢谢你的帮助

4

1 回答 1

1

W3C Schools是从 CSS 入手的好地方。

1) 了解position:relative或使用background并放置盒子作为background-url

.your-square-image /*You will need to put class="your-square-image" to the squarebox*/
{
position: relative;
top: -120px;
z-index: -1;
}

2)只需使用margin-top从顶部调整边距

.logo {
margin-top: 50px;
}

3)margin-right用于所有输入(或将其放入适当的位置class

input 
{
margin-right: 15px;
}

上面所有的 css 都可以放在你的 html 页面的顶部,或者放在单独的 css 文件中并从你的页面链接它(推荐)。

于 2012-11-30T02:28:31.450 回答