{"id":48,"date":"2016-02-25T06:20:38","date_gmt":"2016-02-25T06:20:38","guid":{"rendered":"https:\/\/danielepais.com\/journal\/2016\/02\/25\/how-to-drop-a-shadow-and-add-a-border-to-an-image-using-css\/"},"modified":"2022-01-24T22:28:35","modified_gmt":"2022-01-24T15:28:35","slug":"how-to-drop-a-shadow-and-add-a-border-to-an-image-using-css","status":"publish","type":"post","link":"https:\/\/danielepais.com\/journal\/how-to-drop-a-shadow-and-add-a-border-to-an-image-using-css\/","title":{"rendered":"How to drop a shadow and add a border to an image using CSS"},"content":{"rendered":"

\"HowThis little code can come very handy especially if you have many images<\/a> to add too your web<\/a> pages and wants to automate the job of styling them. There is not much if no difference whatsoever in what they do, or what the result will be, in other words the page will look the same, however, as a rule of thumb, you should only use one unique ID per element, (so ID “are” unique). Classes can be used multiple times in the same element. Not everyone even care of this when writing web pages code, however, if you want to do your job at best and you are concerned on passing HTML\/CSS validation you should definitely select the right one according to how many times you are running your code on the same element. For more of this tutorials, stay tuned ..or, Follow me in any of the social network<\/a> indicated by the small icons on my signature below. STEP 1 – \u00a0<\/strong>Here\u00a0is\u00a0the code that you need to add to you stylesheet: