隐藏网页中一张图片的css代码
html+css
代码编纂器：Dreamweaver CS5方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解埋没网页中一张图片的css代码。
- 2
在test.html文件内，利用img标签建立一张图片，图片是images文件夹下面的1.jpg。
- 3
为了展示埋没图片后的结果，在img标签的外部利用div标签，同时设置div标签的class属性为mydiv。
- 4
在test.html文件内，编写标签，页面的css样式将写在该标签内。
- 5
在css标签内，设置类名为mydiv的样式，利用border设置div的边框为1px的灰色边框，利用width设置div的宽度为300px，利用height设置div的高度为300px。在浏览器打开test.hmtl页面，查看没有埋没图片的结果。
- 6
在css标签内，对img元素进行样式设置，将display属性设置为none，实现图片的埋没。
- 7
在浏览器打开test.html文件，查看实现的结果。
- 发表于 2019-11-22 17:03
- 阅读 ( 838 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章