16 марта 2018

HTML коды рамок пяти стилей


Рамка 1

HTML код простой рамки-фона:

<table width="500" style="border:0px none #000000; background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки </span></td></tr></table>


Рамка 2 - с бордюром:

HTML код рамки с бордюром:

<table width="500" style="border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #800000; background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки </span></td></tr></table>
Генератор стилей:  CSS3 Rounded Corner Generator



Рамка 3 - с закругленными углами: 

HTML код рамки с закругленными углами:  


<table width="500" style="border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border: 0px solid #800000; background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки </span></td></tr></table>           
Генератор стилей:  CSS3 Rounded Corner Generator


Рамка 4 - с бордюром и закругленными углами:

HTML код рамки с бордюром и закругленными углами:


<table width="500" style="border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 3px solid #800000; background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 1</span></td></tr></table>    
Генератор стилей:  CSS3 Rounded Corner Generator


Рамка 5 - с тенью:

HTML код рамки с тенью:

<table width="500" style="border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 3px solid #800000; box-shadow:4px 4px 9px #49495C; background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки </span></td></tr></table>
Генератор стилей:  CSS3 Box Shadow Generator

   

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...