移动端1px
2016-03-25 15:11
316 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>像素为1px</title> <style type="text/css"> .border { position: relative; margin-bottom: 20px; } .border:after { content: ''; display: block; position: absolute; width: 100%; left: 0px; bottom: 0px; height: 1px; background-color: red; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .border3 { width: 100%; height: 40px; border: 1px solid red; margin-bottom: 20px; } .border2 { margin: 50px; background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #ccc), to(#ccc)) left bottom repeat-x; background-size: 100% 1px; } </style> </head> <body> <div class="border">像素为1px解决方法一</div> <div class="border2">像素为1px解决方法二</div> <div class="border3">像素为1px解决方法二</div> </body> </html>
相关文章推荐
- android 进度条
- unity工具IGamesTools之批量生成帧动画
- vvebo源码学习(一)
- Android OnActivityResult()方法的不调用
- Xcode编译时出现NSObjCRuntime,NSZone,NSObject以及could not build module 'Foundation'等等错误
- 一些 iOS 开源库和第三方组件
- Android 插件开发入门随笔(1)
- Android快捷键
- Android 针对软键盘自适应[原创]
- Android开发环境搭建总结(一)
- java小程序之猜生日
- Android的Toast介绍-android学习之旅(三十六)
- Unity中的优化技术
- ios中是否安装了某个应用-canOpenURL
- Android官方开发文档Training系列课程中文版:管理Activity的生命周期之停止和重启Activity
- android一些若干回调测试
- iOS使用Workspace来管理多项目
- Android系统分享的注册和调起
- android在根布局组件设置背景不显示的问题解决
- Android Audio 框架简读 <2>