佐切的第四天学习分享

挺奇怪的昨天的页面没有问题,今天打开就变成了:

佐切的第四天学习分享 

按钮全部跑到左边了,什么情况,调换了下li中几行代码先后顺序:

之前是这样:

佐切的第四天学习分享 

调换下第二和第三行的位置,顺便把div1 adisplayblock;去了。

佐切的第四天学习分享 

显示效果正常了:

佐切的第四天学习分享 

 

 

好接下来在图片中间添加文字:

佐切的第四天学习分享 

<span></span>试了下没反应,好吧那试下

试了<h1></h1>标签,而且试下放在div前面看下

佐切的第四天学习分享 

Zai.css文件加了点内容:

佐切的第四天学习分享 

结果显示是

佐切的第四天学习分享 

跑到最上面了,网上查的绝对定位不起作用。

 

那我就在想了,要不然就图片一个div,导航栏一个div 中间文字一个div,这样图片div包着两个div应该会好控制一些。试下,HTML文件如下:

佐切的第四天学习分享 

zai.css经过简化去掉重复的代码文件如下:

佐切的第四天学习分享 

 

得到的显示效果如下:

佐切的第四天学习分享 

再在行家指路下面加上一个按钮“下载客户端”

这个用到photoshop工具做一个有圆角的透明背景当按钮的背景。

Html代码如下:(添加了一个div

佐切的第四天学习分享 

Zai.css添加了如下代码:

佐切的第四天学习分享 

结果按钮效果如果:

佐切的第四天学习分享 

 

今天就到这里了,弄这个按钮也试了挺长时间,该休息了。

爱分享,爱学习!找回本心,坚持自己,佐切一路每天为大家分享学习过程!