CSS如何实现在透明框中显示文字

新建一个html文件,定名为test.html,用于实此刻透明框上显示文字。

  • 2

    在test.html页面,利用div元素和p元素结构,实现div内包含p元素段落文本。代码如下:

  • 3

    设置最外层div类选择器为background,同时设置内层的div类选择器为transbox,用于CSS中对响应的div进行样式界说。

  • 4

    利用CSS设置最外层的div样式,本家儿要界说其宽度为400px,高度为266px,同时设置其布景为一张图片。

  • 5

    利用CSS设置class为transbox的div为透明框。本家儿要设置其宽度为338px,高度为204px,而且利用opacity设置其透明度0.6,为了兼容IE,还需要利用filter再次设置其透明度。

  • 6

    再利用CSS对透明框内的文字进行样式设置,例如,设置其字体、行高、字体颜色等。

  • 7

    在浏览器运行test.html文本,查看实现的结果。

    由运行的成果可以看出,当作功利用CSS实此刻透明框上显示文字。

    • 发表于 2019-08-07 00:17
    • 阅读 ( 942 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具