ЦСС за побољшање презентације ваших слика

Да бисте побољшали презентацију својих слика, можете да уградите неки додатни код у свој ЦСС. Они су флексибилни у зависности од тога шта желите да постигнете на вашем сајту.

Имплементација

Ставите жељене кодове ЦСС и тестирајте на својој страници, на овај начин:

Неки примери за ЦСС код

 .пхото {бацкгроунд-цолор: #фафбфц; бордер: 1пк солид # б0б0б0; маргин: 0 0 10пк 10пк; паддинг: 5пк; } .пхототоригхт {бордер: 5пк солид # б0б0б0; маргина: 5пк 6пк 15пк 6пк; } .пхототолефт {бордер: 5пк солид # б0б0б0; флоат: лефт; маргина: 5пк 15пк 6пк 15 пк; } 

Да бисте уоквирили слику са текстом лево

 див # пхотофлот п {маргин: 0; паддинг: 0; тект-алигн: јустифи; } див # пхотофлот имг {флоат: лефт; бацкгроунд-цолор: #фафбфц; бордер: 1пк солид # б0б0б0; маргин: 0 0 10пк 10пк; паддинг: 5пк; } хр {цлеар: лефт; } 

Користите га као такве:

Фусце сем турпис, моллис ут, цоммодо куис, аликует егет, ипсум. Ут нонумми либеро витае некуе. Куискуе лацус. Нуллам лобортис. Црас куам. Нулла витае анте нец ерос моллис луцтус. Вивамус велит. Морби интердум еуисмод сапиен ...

Да бисте уоквирили слику са текстом на десној страни

 / * Да бисте уоквирили слику са текстом на десној страни * / .ригхтимг, .лефтимг, .центреимг имг {бордер: 1пк солид #АААААА; бацкгроунд-цолор: # Е9Е9Е9; паддинг: 3пк; маргин: 6пк; } .ригхтимг {флоат: ригхт;} .лефтимг {флоат: лефт;} див.центреимг {тект-алигн: центер; } 

Користите га као такве:

 Проин ац сапиен и некуе пеллентескуе моллис. Праесент ут магна сед тортор луцтус претиум. Проин а ест гравида дуи пеллентескуе тинцидунт. Нунц ат ипсум. Суспендиссе елит. Фусце сит амет лецтус. Куискуе и некуе витае одио сагиттис тинцидунт.Лорем ипсум долор сит амет, цонсецтетуер адиписцинг елит. Сед ац теллус. Нулла вел арцу. Проин ац сапиен и некуе пеллентескуе моллис ...