发表于: 2017-04-04 21:35:24

1 722


今天完成的事情:

今天清明,忙着上坟,没做多少任务,感觉进度好慢,很容易被一个布局卡很久。

 还是在做任务6,学会了三角箭头的制作,看了一点bootstrap,bootstrap样式好多。

三角箭头的绘制步骤:先做两个同样大小的普通三角,再将其中一个三角颜色设置为父元素的背景色,如白色,然后平移白色的三角盖住另一个三角的一部分,就做出三角箭头了,代码如下:

.parent{
   width:100px;
height:100px;
position: relative;
border:1px solid #ccc;
}
.child_left{
   position: absolute;
top:20px;
left:30px;
width:0px;
height:0px;
border-top:30px solid transparent;
border-bottom:30px solid transparent;
border-right:30px solid #000;
}
.child_right{
   position: absolute;
top:20px;
left:40px;
width:0px;
height:0px;
border-top:30px solid transparent;
border-bottom:30px solid transparent;
border-right:30px solid #fff;
}  

明天计划的事情: 完成任务6,看一遍bootstrap,开始任务7。


遇到的问题: 

在多选框的选项option中,不知道如何让option的字体居中,网上好像也没什么好的方法。


收获:

对于背景图像定位更熟练了。


返回列表 返回列表
评论

    分享到