第二次前端培训

1.关于词语间的间隔问题

<style type="text/css">
	div.spread{word-spacing: 60px;}
</style>

引入css代码段word-spacing

<div style="position: absolute; z-index: 2;left: 100px; top: 20px;" class="spread">
			<font color="white">
			网站首页	学校概况 机构设置 师资队伍 人才培养 学术研究 招生与就业 合作交流 校园文化
			</font>	
</div>

2.关于文字如何显示在图片之上

<div style="position: relative;" id="">
			<img src="http://www.zzuli.edu.cn/_upload/tpl/05/8a/1418/template1418/images/top-bg1.jpg" width="1520" height="200" />
			<div style="position: absolute;z-index: 2;left: 60px;top: 70px;">
			<img src="img/logo.png" >	
			</div>
			<div style="position: absolute; z-index: 2; left: 1300px;top: 10px;">
			<font color="white">
				教工   学生   考生  English
			</font>	
			</div>
		</div>

使用position:realitive 和position absolute

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值