<!DOCTYPE HTML> <html> <head> </head> <body> <img style="border: 2px #6c6666 solid; border-radius: 50%; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;" src="1.JPG" width="400" height="400" alt=""> </body> </html>
.div_nomi { background-color: #efefef; color: #323232; font-size: 16px; }
<img src="rasm_manzili.jpg" style="box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.1);">
<!DOCTYPE HTML> <html> <head> <style> body{ background:#ccc; } .test{ background:#739e41; padding:10px; border-radius:5px; } .test1{ background:#fff; border-radius:5px; box-shadow:0px 10px 10px 1px #444; } .test1:hover{ box-shadow:0px 10px 10px 1px #000; } </style> </head> <body> <div class="test1"> <div class="test"> <br/> </div> </div> </body> </html>