发表于: 2017-04-04 21:35:24
1 674
今天完成的事情:
今天清明,忙着上坟,没做多少任务,感觉进度好慢,很容易被一个布局卡很久。
还是在做任务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的字体居中,网上好像也没什么好的方法。
收获:
对于背景图像定位更熟练了。
评论