- 博客(6)
- 收藏
- 关注
原创 css三角形的制作
1.淘宝三角形的制作首先给个div,不给宽高。只给上边框border的宽度。然后给上边框个颜色,其他三边的边框给个透明色,就成了下图这样:如果想让光标移上去的时候,使三角形倒立,可以给div一个hover,下边框给上颜色,其他三边透明。就成了下图这样:
2017-07-29 09:27:02
311
原创 css阴影
css阴影属性box-shadwobox-shadow: 第一个值为X轴偏移(正数往右 负数往左) 第二个值为Y轴偏移(正数往下 负数往上) 第三个值为羽化(数值越大越模糊)第四个值为阴影宽度 inset为内阴影如:
2017-07-28 20:38:26
953
原创 css时间过渡
css时间过渡属性transition transition使用条件:用时间过渡的属性必须存在明显意义的值,例如宽度高度等具有具体的数值或者不同的颜色,而且必须占有空间。 给一个盒子移到另一端给个过渡时间,就能看到盒子移动的过程,如:还可以给背景颜色变色和盒子消失给一个时间过渡,就会看到颜色渐变的过程。如
2017-07-28 20:16:24
1228
原创 图片消除边距的方法
float和verticalfloat和vertical都可以消除图片的默认边距。使用float可以水平方向消除图片的默认边距,使用vertical-align可以消除图片垂直方向的默认边距。例如:当给img加上float和vertical-align之后,图片的边距就消除了
2017-07-28 20:01:56
3419
原创 内外边距的使用
外边距margin与内边距padding 外边距与内边距都有四个值,连写方式如margin:5px 10px 15px 20px;分别对应上右下左四边,内边距也是一样的写法。也可以分别设置,例如:margin-top,margin-bottom,padding-left等等。 需要注意的是外边距margin不会叠加,而内边距则会叠加,当给某个属性设置内边距padding的时
2017-07-28 19:08:09
859
原创 两周的学习感触
在中软培训已经过了两周,这两周时间过得很快,而我也学到了蛮多的知识,以前在学校的时候也有过web前端课程,但是感觉这两周学到的比以前在学校一学期学到的内容还多,最主要是会活用所学到的知识,以前在学校的时候学完了没有去用,很快就忘了。才过了两周,自己已经做了好几个页面的布局,界面效果也算理想。要是放在以前在学校的时候,我不敢想象我能做出那么好看的页面布局出来。 虽然这几天每天都到
2017-07-28 19:05:43
956
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人