نمونه کد استفاده از background در CSS

برنامه نویس و مشاور امنیتی
میلاد خوشدل
#example1 {     background-image: url(img_flwr.gif), url(paper.gif);     background-position: right bottom, left top;     background-repeat: no-repeat, repeat; }  
#example1 {     background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat; }  
#div1 {     background: url(img_flower.jpg);     background-size: 100px 80px;     background-repeat: no-repeat; } 
#div1 {     background: url(img_flower.jpg);     background-size: contain;     background-repeat: no-repeat; } #div2 {     background: url(img_flower.jpg);     background-size: cover;     background-repeat: no-repeat; }  
#example1 {     background: url(img_flwr.gif) left top no-repeat, url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;     background-size: 50px, 130px, auto; }  
html {     background: url(img_flower.jpg) no-repeat center center fixed;     background-size: cover; }  
#example1 {     border: 10px solid black;     padding:35px;     background:url(img_flwr.gif);     background-repeat: no-repeat;     background-origin: content-box; }  
#example1 {     border: 10px dotted black;     padding:35px;     background: yellow;     background-clip: content-box; }  
میلاد خوشدل

در حوزه‌ی امنیت وب و شبکه فعالیت می کند، عاشق پارکور است و مدیریت دیتاسنتر، امن سازی شبکه های مخابراتی و کابلی و برنامه نویسی وب و موبایل از تجارب کاری او می باشد. او در حال حاضر بنیانگذار ریجاکس است.

نظر خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

8 − 2 =

تگ های html مجاز به استفاده می باشند: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ارسال یک پیام