SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Как сделать фон у баннеров?

TarasMarko TarasMarko  
2
  14.03.2013 21:00       1 979    
Привет!
Подскажите по CSS, как сделать фон вокруг баннеров?
Вот на скрине два баннера: http://ssmaker.ru/5daca095/
Вокруг этих баннеров со всех сторон нужно сделать фон, с небольшим отступом от самих баннеров вокруг них, ото они как то слитно без фона кажутся.
В CSS не шарю, поэтому и хочу у вас спросить, как сделать фон?

Ответы на пост (6) Написать ответ
pas101 pas101
2
14.03.2013 21:19
banner {
border: (толщина)px solid (цвет);

}
0
PR-CY PR-CY
277
14.03.2013 21:22
style="border: 1px solid gray"
0
TBicT TBicT
180
14.03.2013 21:25
Можно так сделать.
border:3px solid #323232; - добавит рамку вокруг баннера
border-radius: 3px; - закруглит рамку, чтобы смотрелось приятней
margin:1px; - небольшой отступ по краям
0
TarasMarko TarasMarko
2
14.03.2013 21:39

Это надо style прописать в CSS, например:
.banner {
border:3px solid #323232; - добавит рамку вокруг баннера
border-radius: 3px; - закруглит рамку, чтобы смотрелось приятней
margin:1px; - небольшой отступ по краям
{
А в сам код баннеров заключить в теги <div style="banner"> код баннеров </div>
Так правильно будет? Я очень слаб в CSS, поэтому хочется узнать все подробнее...
0
TBicT TBicT
180
14.03.2013 22:27
Для достижения нужного эффекта эти стили нужно применить для каждого баннера отдельно.
Если баннеры вставляются через <img src= то можно добавить стили так <img style="border:3px solid #323232; border-radius: 3px; margin:1px;" src="ссылка">
0
TBicT TBicT
180
14.03.2013 22:33
Что то намудрил. Можно сделать проще. В CSS
.banner img{
border:3px solid #323232; border-radius: 3px; margin:1px;
}
И потом
<div class="banner">код баннеров</div>
0