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/AVvXsEgN6CiOxvayFkavOeXF8euA2aNbeolULU95FprEsZDx5TcXLqkKP1plktaCvVwwA7aLcdhVyi5EorXuIitCk29sgIJpoNJiV-PqYnnnPnEL6hKU7HYJzTfQuHHBaSywyug4e02aZHprB8KE/s1600/Windows_7_2.jpg) repeat fixed center top;color:#FFF;font-family:}
img { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTKW1AsAuMcuaZ-9tCMSlRAlhjnTUzBy63G7oZWvtN5p-8gzQn8QzfAOrWje6xSEvL5dpmyQ9ZFwwY6ew0gAfUxS8yYesW5Mw8xgQtWVYt1I5g1kfmc17OymFYBYxXtJIuLsX5DE5siKx8/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/AVvXsEgN6CiOxvayFkavOeXF8euA2aNbeolULU95FprEsZDx5TcXLqkKP1plktaCvVwwA7aLcdhVyi5EorXuIitCk29sgIJpoNJiV-PqYnnnPnEL6hKU7HYJzTfQuHHBaSywyug4e02aZHprB8KE/s1600/Windows_7_2.jpg" width="300" height="200">

(Thủ thuật CSS)