首页前端开发CSS透明的盒子中的文字实例分享

透明的盒子中的文字实例分享

时间2024-05-20 08:14:03发布访客分类CSS浏览56
导读:透明的盒子中的文字 源代码如下: div.background { width:500px; height:250px; background:url(https://www.runoob.com/...
透明的盒子中的文字 源代码如下: div.background { width:500px; height:250px; background:url(https://www.runoob.com/images/klematis.jpg) repeat; border:2px solid black; } div.transbox { width:400px; height:180px; margin:30px 50px; background-color:#ffffff; border:1px solid black; opacity:0.6; filter:alpha(opacity=60); /* IE8 及更早版本 */ } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; }

这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。

首先,我们创建一个固定的高度和宽度的div元素,带有一个背景图片和边框。然后我们在第一个div内部创建一个较小的div元素。这个div也有一个固定的宽度,背景颜色,边框-而且它是透明的。透明的div里面,我们在P元素内部添加一些文本。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 透明的盒子中的文字实例分享
本文地址: https://pptw.com/jishu/664020.html
分享按钮样式css实例 使用 CSS 创建图片廊

游客 回复需填写必要信息