...
经常写移动端页面时会用到向右的箭头,之前都是用图片,突然想到用css应该也能写,于是一搜还确实有 原理也挺简单,就是写个上边框和右边框,然后旋转 度就是向右的箭头了。不过移动端用应该没问题,pc上就要考虑transform的兼容性了。 ...
2018-07-16 21:05 0 5776 推荐指数:
...
width: 7px; height: 7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transf ...
.home_list li:after { position: absolute; right: 10px; top: 50%; display: inlin ...
效果如下: ...
小箭头的实现 原理 (1)使用css绘制两个三角形 (2)通过绝对定位让两个三角形不完全重叠 (3)让处于上层的三角形比处于下层的三角形偏移1像素,生成空心箭头 兼容处理: 在IE6及更低版本的浏览器中添加font-size: 0; line-height ...
头朝下的小三角 width:0; height:0; border:50px solid transparent; //所有border都是透明的, border-top-color:blac ...
本文转载自:http://www.jb51.net/css/97112.html ...
设计了一个简单的登录样式,然后自己写了下代码,巩固一下自己的状态(就使用了HTML&CSS) 先看效果: 1.HTML代码如下: 2.CSS代码如下: 发现没法上传资源文件 -_- ...