点击运行
<!DOCTYPE html> <html> <head> <style> div.background { background: url(/zy/i/photo/tulip_peach_blossom_s.jpg) repeat; border: 2px solid black; } div.transbox { margin: 30px; background-color: #ffffff; border: 1px solid black; opacity: 0.6; } div.transbox p { margin: 5%; font-weight: bold; color: #000000; } </style> </head> <body> <div class="background"> <div class="transbox"> <p>这段文本被放置在一个透明框中。</p> </div> </div> </body> </html>
运行结果
