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【隐藏网页中一张图片的css代码】在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
以上内容就是隐藏网页中一张图片的css代码的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 创世中文网怎样才能签约
- 珠光护手怎么合成
- 中国农业银行怎样做定期的存款
- 职场中怎么讲究说话分寸？
- 提现 中国建设银行如何卖出速盈？
- 后一稳定计划命中率和盈利率哪个重要？
- 子父级选项怎么使用
- AI中如何用符号图案组成一幅画？
- 自动煎药壶使用方法
- 日常生活中男人哪些坏习惯会伤肾？