1px的实现方法
2024-10-21 03:31:41
1.用伪元素实现
.border_1px_top{
position:relative;
}
.border_1px_top:before{
content: "";
position:absolute;
left:0;
top:0;
right:-100%;
bottom:-100%;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0px 0px;
border-top:1px solid #e6e6e6;
pointer-events: none;
}
2.border-image实现
<div class="border1">案例一：我是border-image实线</div>
.border1{
border-style:solid;
-webkit-border-image:url(../image/border_image_solid.png) 2 repeat;
border-width:1px;
}
最新文章
- JavaScript中关于地址的获取
- FOR ALL ENTRIES IN 与 INNER JOIN 写在一个SQL上影响效率
- codeforces 723F ： st-Spanning Tree
- SharePoint 2013 点击"关注" 报错
- CentOS6.5安装readline时报错：/usr/bin/ld : cannot find -lncurses
- AngularJs学习教程
- android开发之路08（ListView&Adapter）
- POJ_2392_Space_Elevator_(动态规划,背包)
- HDU 2553 N皇后问题（dfs）
- win7如何快速设置开机启动项?
- cocos2d-x ndk adt mac 路径配置
- postman+jenkins+newman做接口测试的持续集成
- iOS生成一个32位的UUID
- CI 图片上传路径问题的解决
- Springboot数据访问，棒棒哒！
- vue webuploader 组件开发
- cell数组
- Javascript动态生成的页面信息爬取和openpyxl包FAQ小记
- Activation error occured while trying to get instance of type Database,key ""之Oracle
- tomcat优化实例