2015-06-11 3 views
-2

Привет, я начинаю программировать с помощью CSS, и я хочу создать такие столбцы! вы можете показать мне css и html? http://i.cubeupload.com/WX5lzW.pngКак создать несколько столбцов с HTML CSS

+2

Вы можете «просмотреть источник» на странице, которую вы просматриваете. Можете ли вы привести пример, который вы попробовали, чтобы мы могли помочь вам с конкретными проблемами CSS и/или HTML, которые у вас есть? –

+0

Вот что я хочу создать http://i.cubeupload.com/WX5lzW.png –

ответ

0

Просто используйте три дивы так:

<div style="display: block; float:left; background-color: green; width: 33.3%; height: 100px;"> 
</div> 
<div style="display: block; float:left; background-color: blue; width: 33.3%; height: 100px;"> 
</div> 
<div style="display: block; float:left; background-color: red; width: 33.3%; height: 100px;"> 
</div> 

Добавить маржу дивы, чтобы дать некоторое расстояние вокруг них.

+0

Это кто я хочу его создать http://i.cubeupload.com/WX5lzW.png –

+0

, вы можете это сделать изображение и текст в divs, добавьте некоторый запас. Я просто поместил цвет фона, чтобы показать разные div. Я бы предположил, что, возможно, заглянув в рамки css, например bootstrap, вы можете просто добавлять классы в div, и это будет работать с полями для вас. – th0ward

+0

Спасибо, как я могу добавить изображение с помощью css –