Tạo khung cho ảnh trong suốt bằng Css

sử dụng ảnh nhỏ trong suốt làm nền sau đó dùng padding lùi vào tạo viền.


<style>
body{background:#2EAF4C url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_hceIavB1ZiR_wiEqAHdIxZnCgwjQd08-vZGEAKer6UYZcPZbS4owPsN42jpqX4O09i03j54Hi2t8gJ06atRSufViIZY8U6GN8iXRuM_ttvzqKnpS-EgAJu1EpsToN4-HfzhblNo-tdE/s1600/Windows_7_2.jpg) repeat fixed center top;color:#FFF;font-family:}
img { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLUjnMK7Zu6M1Vz9Pe3MOQtISGA_epWcqzgmhtcIR0FwJVHSwcNmMu7EIXCOF_MPd1TpZmUZYOVHM_bEWwlb4hxPioDWhaPXx07XIq1slUkfrC39fHqjT9AnTlf_D6v8o2HrbUb1yM5Kil/s1600/black.png") repeat scroll left top transparent; border: medium none; margin-top: 50px; padding: 15px;}
</style>tham số padding :15px là độ dày của khung ảnh .

sử dụng

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_hceIavB1ZiR_wiEqAHdIxZnCgwjQd08-vZGEAKer6UYZcPZbS4owPsN42jpqX4O09i03j54Hi2t8gJ06atRSufViIZY8U6GN8iXRuM_ttvzqKnpS-EgAJu1EpsToN4-HfzhblNo-tdE/s1600/Windows_7_2.jpg" width="300" height="200">

(Thủ thuật CSS)