佐切的第四天学习分享
挺奇怪的昨天的页面没有问题,今天打开就变成了:
按钮全部跑到左边了,什么情况,调换了下li中几行代码先后顺序:
之前是这样:
调换下第二和第三行的位置,顺便把div1 a中display:block;去了。
显示效果正常了:
好接下来在图片中间添加文字:
用<span></span>试了下没反应,好吧那试下
试了<h1></h1>标签,而且试下放在div前面看下
Zai.css文件加了点内容:
结果显示是
跑到最上面了,网上查的绝对定位不起作用。
那我就在想了,要不然就图片一个div,导航栏一个div 中间文字一个div,这样图片div包着两个div应该会好控制一些。试下,HTML文件如下:
zai.css经过简化去掉重复的代码文件如下:
得到的显示效果如下:
再在行家指路下面加上一个按钮“下载客户端”
这个用到photoshop工具做一个有圆角的透明背景当按钮的背景。
Html代码如下:(添加了一个div)
Zai.css添加了如下代码:
结果按钮效果如果:
今天就到这里了,弄这个按钮也试了挺长时间,该休息了。
爱分享,爱学习!找回本心,坚持自己,佐切一路每天为大家分享学习过程!