Appcan页面学习小结

最新推荐文章于 2021-08-06 12:37:31 发布

XianRenShan

最新推荐文章于 2021-08-06 12:37:31 发布

阅读量904

点赞数 1

分类专栏： APPCAN 手机页面

本文链接：https://blog.csdn.net/XianRenShan/article/details/78064295

版权

本文总结了Appcan页面的一些常见样式实现，包括渐变背景、圆角边框、背景填充、均分布局、水平排列、图片满屏及统一背景色等。通过具体的CSS属性和技巧，展示了如何在Appcan中实现这些视觉效果。

摘要由CSDN通过智能技术生成

1.背景色从颜色1（#ff9000）到颜色2（#ff5000）的渐变填充
background: -webkit-linear-gradient(left, #ff9000, #ff5000); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #ff9000, #ff5000); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #ff9000, #ff5000); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #ff9000, #ff5000); /* 标准的语法 */

2.边框画圆弧
-moz-border-radius:3em; -webkit-border-radius:3em; border-radius:3em;

3.使背景颜色填充全部：background-size:cover;

4.在同一个div中均分
1）在大的div中写入样式：display: -webkit-box !important;
2）在左侧（右侧）的子div中写入-webkit-box-flex: 1;

如果子div中的样式上下左右居中写入“class="ub ub-ver ub-ac ub-pc ub-f1"”字体居中:text-align:center;
其中：ub ub-ver ub-ac 水平居中 ub ub-ver ub-