2018最快开奖历史记录

 找回密码
 注册会员

QQ登录

只需一步,快速开始

查看: 384|回复: 12
打印 上一主题 下一主题

河北快3今天的开奖结果: [原创] 【聊代码】第三十集:区块标签(之三)

  [复制链接]
跳转到指定楼层
楼主
发表于 2018-7-12 22:38:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

2018最快开奖历史记录 www.hsc9i.cn 您需要 登录 才可以下载或查看,没有帐号?注册会员

x

聊代码(第三十集)区块标签(之三)

 

       在上集里,我们拆解了四道边框代码,每种边框中都嵌入一幅淑女图,朋友们知道,从代码里看出,它是普通的图片,不是背景图片,所以在它上面放图片,文字,是不可能的。除非把它拿掉,亮出下面的背景图来,我们才能往上添加东西。例如下图,就是把上集四道边框中的淑女图拿掉了,露出了第四道边框的蓝色背景,放上了文字。

 

 

海特行者提示:单一的颜色背景适于文字帖

 

       下面,再看一个五道边框,这第五道边框代码中的图片素材被设置为背景图片,所以,在它上面能有文字和飞鸽图。

 

 

 

海特行者提示:
音画帖的背景当然 是图片(动态图更好)

 

       上图代码:

<div style="width:600px;padding:8px;text-align:center;height:auto !important;min-height:0px; background-image:url(//img4.oldkids.cn/upload/260811000/u260810070/2017/02/02/blog_
20170202211011444168.jpg);">
<div style="width:auto !important;min-width:0px;padding:10px;text-align:center;height:auto !important;min-height:0px; background-image:url(//img3.oldkids.cn/upload/260811000/u260810070/2017/02/02/blog_
20170202210747249500.gif);">
<div style="width:auto !important;min-width:0px;padding:8px;text-align:center;height:auto !important;min-height:0px; background-image:url(//img2.oldkids.cn/upload/260811000/u260810070/2017/02/02/blog_
20170202211521606814.jpg);">
<div style="width:auto !important;min-width:0px;padding:5px;text-align:center;height:auto !important;border:2px #6699ff solid;background-color:blue;">
<div style="width:auto !important;min-width:0px;text-align:center;height:400px;auto;border:4px #00ff00 solid;position:relative;maring:auto; background-image:url(https://www.oldkids.cn/upload/2018/05/11/blog_20180511123823800.gif);"><p style="line-height: 6.0em;"> </p> <p><img src="https://www.oldkids.cn/upload/2018/07/11/blog_20180711201845751.gif" style="width: 120px; height: 100px;" /></p> <p align="center"> </p> <p style="line-height: 2.0em; color:yellow; font-size:20pt;"> 海特行者提示:<br /> 音画帖的背景当然 是图片(动态图更好)</p> </div> </div> </div> </div> </div> </div>

       以上代码是该实例的全部代码,可以复制套用,但一定要注意,复制后必须把所有的尖角符号改成英文的尖角括号,这样才能使用。

 

       第五道边框代码:

<div style="width:auto !important;min-width:0px;text-align:center;height:400px;auto;border:4px #00ff00 solid;position:relative;maring:auto; background-image:url(https://www.oldkids.cn/upload/2018/05/11/blog_20180511123823800.gif);">

 

       第五道边框代码解析:

       因为我们把第五道边框作为最里面的也是最后的一个边框,所以准备作为背景图的素材就要放在此标签中,并且,要设置高度值height:400px;(调整图片的大小,就要用到它和第一道边框代码中的宽度值width:600px;)??梢哉庋亲?,第一道边框代码中设置宽,最后一道边框代码中设置高。

       和第四道边框一样,第五道边框也设置了边框线,那绿色的边便是。关于边框线的颜色、厚度、样式等前面都介绍过,此不再赘。

 

评分

参与人数 7老年币 +35 收起 理由
松柏一 + 5 很给力!
擎天一柱 + 5 才华横溢!
遥望远 + 5 才华横溢!
九头牛 + 5 非常实用!很给力!
白菊 + 5 很给力!
蓝色欣月 + 5 很给力!
静竹 + 5 很给力!

查看全部评分

沙发
发表于 2018-7-13 09:29:27 | 只看该作者
谢谢老师辛苦!学习了。
板凳
发表于 2018-7-13 09:30:46 | 只看该作者
哦,原来是不把图片设置成背景图是写不上文字和别的东西的。
地板
发表于 2018-7-13 09:32:53 | 只看该作者

       下面,再看一个五道边框,这第五道边框代码中的图片素材被设置为背景图片,所以,在它上面能有文字和飞鸽图。

 

 

 

地下室
发表于 2018-7-13 16:11:18 | 只看该作者
进来欣赏海特老师的代码佳作,先收藏起来慢慢看,下午问好老师,祝老师周未开心快乐~!
6#
发表于 2018-7-13 16:17:14 | 只看该作者

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
7#
发表于 2018-7-13 20:45:01 | 只看该作者
这是我们初学者的福音,赞!谢谢老师,您辛苦了!
8#
发表于 2018-7-13 20:50:31 | 只看该作者
收藏学习,老师辛苦了!
9#
发表于 2018-7-13 21:02:06 | 只看该作者

 

 

九头牛学习制作:
不知道能不能成功,谢谢老师!

10#
发表于 2018-7-13 22:34:18 | 只看该作者

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

QQ|联系方式|2018最快开奖历史记录 ( 鲁ICP备10208947号 ) 老年人之家一个专业的老年人大型在线交流社区论坛。

GMT+8, 2018-7-25 17:23 , Processed in 0.034244 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 2018最快开奖历史记录 返回列表
  • 请问版主,我说计划经济和市场经济的帖子,怎么就要进退稿箱呢?中国吃市场经济的亏,还不多么?! 2018-12-10
  • 【大家谈】文明新规,何来管得过宽一说 2018-11-27
  • 人民日报评论员观察:以全民健康托举全面小康 2018-11-15
  • 找准时机放作料 味道好还不影响营养! 2018-11-08
  • 郑良发的专栏作者中国国家地理网 2018-10-20
  • 井冈山交警开展重点车辆严重交通违法行为有奖举报工作 2018-10-20
  • 联播快讯:5月主要经济指标稳中向好 2018-10-07
  • 候选企业:东方证券股份有限公司 2018-09-25
  • 新华时评:美逆潮流而动,必将付出代价 2018-09-06
  • “常青藤爸爸”一年盈利5000万秘方:靠质量和流量 2018-08-30
  • 【改革印记——看中国发展】变迁印记,留下的是韵味现实 2018-08-17
  • 马克思的每个人全面而自由发展,是人的最高需求层次理论。 2018-08-17
  • 地铁3号线保税区站黑车多 运管部门开展整治行动 2018-08-16
  • 狗屁不通!知道你的貴村長姓啥嗎? 2018-08-16
  • 候选案例:善功夫营养爱心待餐公益项目 2018-08-10
  • 505| 546| 694| 713| 996| 241| 116| 695| 655| 410|