自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 css三角形的制作

1.淘宝三角形的制作首先给个div,不给宽高。只给上边框border的宽度。然后给上边框个颜色,其他三边的边框给个透明色,就成了下图这样:如果想让光标移上去的时候,使三角形倒立,可以给div一个hover,下边框给上颜色,其他三边透明。就成了下图这样:

2017-07-29 09:27:02 258

原创 css阴影

css阴影属性box-shadwobox-shadow: 第一个值为X轴偏移(正数往右 负数往左) 第二个值为Y轴偏移(正数往下 负数往上) 第三个值为羽化(数值越大越模糊)第四个值为阴影宽度  inset为内阴影如:

2017-07-28 20:38:26 890

原创 css时间过渡

css时间过渡属性transition transition使用条件:用时间过渡的属性必须存在明显意义的值,例如宽度高度等具有具体的数值或者不同的颜色,而且必须占有空间。 给一个盒子移到另一端给个过渡时间,就能看到盒子移动的过程,如:还可以给背景颜色变色和盒子消失给一个时间过渡,就会看到颜色渐变的过程。如

2017-07-28 20:16:24 1153

原创 图片消除边距的方法

float和verticalfloat和vertical都可以消除图片的默认边距。使用float可以水平方向消除图片的默认边距,使用vertical-align可以消除图片垂直方向的默认边距。例如:当给img加上float和vertical-align之后,图片的边距就消除了

2017-07-28 20:01:56 3338

原创 内外边距的使用

外边距margin与内边距padding 外边距与内边距都有四个值,连写方式如margin:5px 10px 15px 20px;分别对应上右下左四边,内边距也是一样的写法。也可以分别设置,例如:margin-top,margin-bottom,padding-left等等。 需要注意的是外边距margin不会叠加,而内边距则会叠加,当给某个属性设置内边距padding的时

2017-07-28 19:08:09 796

原创 两周的学习感触

在中软培训已经过了两周,这两周时间过得很快,而我也学到了蛮多的知识,以前在学校的时候也有过web前端课程,但是感觉这两周学到的比以前在学校一学期学到的内容还多,最主要是会活用所学到的知识,以前在学校的时候学完了没有去用,很快就忘了。才过了两周,自己已经做了好几个页面的布局,界面效果也算理想。要是放在以前在学校的时候,我不敢想象我能做出那么好看的页面布局出来。 虽然这几天每天都到

2017-07-28 19:05:43 873

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除