La diferencia entrepadding ymargin es que la segunda propiedad forma una especie de borde (con anchura) vacío de contenido, que sirve de separación exterior del elemento. Lo que hacepadding es dejar también un área vacía, pero interior. En esta imagen se pueden ver dos capas con unmargin:10px y unpadding:15px. Para que sea visible, en la primera se han marcado con colores los efectos de aplicar esas propiedades con esos valores:
Pues bien, continuando con los efectos fáciles, otro muy socorrido es el delmarco que también se puede conseguir añadiendo un padding y un fondo que rellenará con color esepadding:
background: #333333;
padding:10px;
}
El efecto es idéntico al deborder, pero nos permite hacer otrasmodificaciones adicionales como la siguiente, que consiste en añadir una sombra que hace que la imagen parezca una fotografía con marco. Para eso, también añadimos una sombra conbox-shadow.
background: #ffffff;
padding:10px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}
Habréis observado que la propiedad box-shadow está triplicada pero con distintos prefijos. Esto es porque es una propiedad CSS3 relativamente nueva y sólo las últimas versiones de los navegadores la soportan. Para que sea visible en la mayor variedad de ellos posible, utilizamos loskits de compatibilidad. En el ejemplo y siguiendo el mismo orden, los de Safari y Mozilla.
Siguiendo por lo anterior, si queremos añadir un efectoPolaroid, sólo tendremos que aumentar elpadding de la parte inferior. En el siguiente ejemplo se ha hecho de 50px frente a los 10px del resto.
background: #ffffff;
padding:10px 10px 50px 10px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}
padding: 1px 2px 3px 4px;
padding: arriba derecha abajo izquierda
Para formar una especie de marco alrededor de una imagen, el uso depadding frente aborder, nos permite usar ese fondo no sólo con un color plano, sinotambién con una imagen. En este caso simulamos que el poster está sobre un corcho:
background: url(http://4.bp.blogspot.com/s1600/corcho.jpg);
padding:30px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}
Casino reviews Hire php developer Make money online Australia mesothelioma care Mobile casino Service business software mesothelioma lawyer virginia Business management software Donating Used Cars to Charity Donate car to charity California LIFE INSURANCE CO LINCOLN Php programmers for hire BETTER CONFERENCING CALLS mesothelioma attorney california WordPress themes for designers Best Seo company DONATE YOUR CAR SACRAMENTO Nunavut Culture Hire php developers Online casino Car insurance quotes pa Live casino DONATE CARS ILLINOIS Casino Business VOIP Solutions anti spam exchange server LOW CREDIT LINE CREDIT CARDS Social media platforms for business Register Free Domains BEST CRIMINAL LAWYER IN ARIZONA Tech school asterisk call center software How to donate a car in California Holland Michigan College HARDDRIVE DATA RECOVERY SERVICES DONATE CAR FOR TAX CREDIT Html email DUI lawyer MASSAGE SCHOOL DALLAS TEXAS Car Insurance Companies Hire php programmers mesotheioma Social media examiner Psychic for free Dwi lawyer Custom WordPress theme designer Cheap Car Insurance for Ladies Car Insurance Quotes Colorado Criminal defense lawyer Psd to WordPress mesothelioma claim la personal injury lawyer Life Insurance Co Lincoln Structures Annuity Settlement Online Classes Claim donate your car for kids structured settlement purchasers saskatchewan auto insurance ROYALTY FREE IMAGES STOCK Christmas cards Criminal lawyer mesothelioma charities onlineclasses what is structured settlement mesothelioma survival rates quotes car Social media strategies Best social media platforms for business Seo company cash out structured settlement Motor Insurance Quotes low credit line credit cards Donating a Car in Maryland DONATE OLD CARS TO CHARITY CAR INSURANCE QUOTES COLORADO Bankruptcy lawyer Forensics online course Computer science classes online MORTGAGE ADVISER CAR INSURANCE IN SOUTH DAKOTA Psychic for Free CHEAP DOMAIN REGISTRATION HOSTING motorcycle lawyer los angeles business email web hosting auto accident attorney peritoneal mesothelioma mesothelioma lawyer houston mesothelioma attorney florida Php programmers canada personals yahoo mesothelioma personal injury lawyers Seo companies illinois law lemon Personal Injury Law Firm Best social media platforms New social media platforms PAPERPORT PROMOTIONAL CODE Business finance group mesothelioma ct mesothelioma structured settlement brokers DONATE A CAR IN MARYLAND houston tx auto insurance Adobe illustrator classes Social media campaigns Injury Lawyers workers compensation lawyer los angeles Seo services Mortgage Adviser Neuson Car insurance quotes Utah HOW TO DONATE A CAR IN CALIFORNIA seattle mesothelioma lawyer personal injury accident lawyer illinois mesothelioma lawyer Custom Christmas cards structured settlements annuities car insurance quotes mn royalty free images stock arizona auto accident attorney DONATE YOUR CAR FOR MONEY WordPress theme designers buy structured settlements best accident attorneys california mesothelioma attorney business voip solutions mesothelioma attorneys Online Christmas cards Car insurance quotes Colorado Criminal Defense Attorneys Florida Photo Christmas cards Hard drive Data Recovery Services Webex Costs mesothelioma trial attorney WordPress hosting Auto Mobile Insurance Quote Dallas mesothelioma attorneys selling annuity payments for cash Social media management colorado mesothelioma lawyers CAR ACCIDENT LAWYERS Low Credit Line Credit Cards Futuristic Architecture asbestos lung cancer HOLLAND MICHIGAN COLLEGE Massage school Dallas Texas Social media platforms cheap car insurance in virginia Proud Italian cook selling structured settlement Futuristic architecture home phone internet bundle structured settlement quote CHEAP CAR INSURANCE IN VIRGINIA Psd to html Car Insurance Quotes PA Italian cooking school Donate Your Car Sacramento car accident lawyer san bernardino Nunavut culture boulder personal injury lawyers Learning adobe illustrator Social media tools How to Donate A Car in California structured settlement agreement refinance with poor credit structured settlement annuity companies Mesothelioma Law Firm Donate a Car in Maryland Donate Car to Charity California Donate Car for Tax Credit Met Auto Donate Cars in MA primary pulmonary hypertension Sell Annuity Payment Donate Your Car for Kids PHD IN COUNSELING EDUCATION Dallas Mesothelioma Attorneys Asbestos Lawyers Car Insurance Quotes Utah CAR INSURANCE QUOTES PA Annuity Settlements att call conference Dedicated Hosting Dedicated Server Hosting state of california car insurance motorcycle accident attorney sacramento new mexico mesothelioma lawyer Dayton Freight Lines uk homeowner loans Car Insurance Quotes MN structured settlemen Motor Replacements Cheap Domain Registration Hosting Personal Injury Lawyers Donate Cars Illinois anti spam appliance donating used cars to charity google adsense Best Criminal Lawyers in Arizona personal injury law firm Data Recovery Raid mesothelioma suit Online Motor Insurance Quotes NUNAVUT CULTURE buying an annuity calculator personal injury lawyer Online Colleges forensics online course Paperport Promotional Code
