样式表的重要点3

1.利用border的属性,来达到如下图的效果:

需要以下的代码:

思路:先把<div>的宽和高设为0像素,左边框,右边框,下边框都设为transparent透明属性,只有上边框有颜色;

2.同样利用border来达到如图效果:

需要以下代码:

思路:利用到了<div>的旋转,按顺时针旋转,上边框与右边框设为透明的,粗细设为0像素;

3.在head中添加这个标签<link rel="shortcut icon" href="file:///C|/Users/lenovoo/Pictures/校徽.jpg" />,可以实现如下效果:

 

posted on 2017-10-12 14:59  左剃头  阅读(110)  评论(0编辑  收藏  举报

导航