透明框中的文本

2019-09-13 郑州网站建设  

 透明框中的文本

This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box.

源代码是何等的:

<!DOCTYPE html> <html> <head> <style> div.background { width: 400px; height: 266px; bac公斤round: url('/i/tulip_peach_blossom_w.jpg') no-repeat; border: 1px solid black; } div.transbox { width: 338px; height: 204px; margin:30px; bac公斤round-color: #ffffff; border: 1px solid black; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } div.transbox p { margin: 30px 40px; } </style> </head> <body> <div class="background"> <div class="transbox"> <p> This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. </p> </div> </div> </body> </html>

起首,我们建设一个 div 元素 (class="background"),它有固定的高度和宽度、靠山图象,以及边框。从此我们在第一个 div 内构建稍小的 div (class="transbox")。"transbox" div 有固定的宽度、靠山色和边框 - 并且它是透亮的。在透明 div 内部,我们在 p 元素中退出了一些文本。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/2199.html转载请标明出处,谢谢合作!
标签:
  • 中的
  • 文本
  • 透明
  • This
  • som