博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
盒模型和圆角
阅读量:7122 次
发布时间:2019-06-28

本文共 1001 字,大约阅读时间需要 3 分钟。

/*添加边框圆角*/     /*1.设置一个值:四个角的圆角值都一样*/     /*border-radius: 10px;*/     /*2.设置两个值:第一个值控制左上/右下,第二个值控制右上/左下*/     /*border-radius: 10px 30px;*/     /*3.设置三个值:第一个值控制左上,第二值控制右上/左下,第三个值控制右下*/     /*border-radius: 10px 40px 60px;*/     /*4.设置四个值:左上  右上 右下 左下*/     /*border-radius: 10px 30px 60px 100px;*/     /*添加/是用来设置当前个不同方向的半径值  水平x方向/垂直y方向*/     /*border-radius: 100px/50px;*/     /*添加某个角点的圆角*/     /*border-radius: 0px 50px 0px 0px;*/     /*border-上下-左右-radius:*/     /*border-top-right-radius: 100px;     border-top-left-radius: 100px;*/     /*border-bottom-left-radius: 100px;     border-bottom-right-radius: 100px;*/     /*设置某个角点的两个方向上的不同圆角*/     /*border-top-right-radius: 100px 50px;     border-bottom-left-radius: 80px 40px;     border-bottom-right-radius: 60px 30px;     border-top-left-radius: 40px 20px;*/     /*如果想设置四个角点的不同方向上的不同圆角值*/     /*分别是水平方向的:左上,右上,右下,左下 / 垂直方向的:左上,右上,右下,左下*/     border-radius: 100px 0px 0px 0px/20px 0px 0px 0px;

转载于:https://www.cnblogs.com/lujieting/p/10145659.html

你可能感兴趣的文章
阿里云杨敬宇再谈边缘计算:ENS从1.0到2.0进化论
查看>>
大数据Spark优化读取Hbase--region 提高并行数过程详细解析
查看>>
【聚合支付平台】如何智用【模板+工厂】设计模式来实现异步回调
查看>>
在CentOS7上安装MySQL Workbench
查看>>
第五讲:用户退出登陆
查看>>
微信点击链接跳转浏览器打开指定页面的API分享
查看>>
解决Ubuntu10.4随着内核升级,grub引导项越来越多,boot分区越来越小的问题
查看>>
Spring Boot快速入门
查看>>
uri is not registered (settings languages & frameworks schemas and dtds
查看>>
php判断请求来源是否是ajax请求
查看>>
大型网站架构体系的演变(下)
查看>>
mybatis与hibernate的区别
查看>>
Nginx日志按日期切割详解(按天切割)
查看>>
伟大的公司如何创造需求
查看>>
ios摄像头的使用权限判断
查看>>
如何快速学习一个流行的框架(福利满满)
查看>>
CSS中position的4种定位详解
查看>>
2017年2月21日 Gradient Boosting Regressor
查看>>
2. 第一个Java程序
查看>>
NGINX + PHP FPM 504 502错误
查看>>