微信小程序图片浏览布局怎么写

看图!最好是直接给代码(复制粘贴能用的)谢谢啦~... 看图!最好是直接给代码(复制粘贴能用的)谢谢啦~ 展开
 我来答
郁色鸢尾
高粉答主

2019-05-19 · 醉心答题,欢迎关注
知道大有可为答主
回答量:2万
采纳率:93%
帮助的人:2201万
展开全部

方法/步骤

  • 文字的大小颜色。

    .text{

    font-size: 1.6em;/*文字大小*/

    color: #ff00ff;/*文字颜色*/

    text-align: center;/*文字居中*/

    }

  • 图片的样式控制,长度宽度。

    .images{

    width: 100%;

    height: auto;

    }

  • 按钮样式<button>,可以用官网给的样式,可以了自己设定。

    button{

    width: 50%;/*长度*/

    background: #ff0;/*背景颜色*/

    color: #969696;/*字体颜色*/

    border-radius:5px; /*边角原弧度*/

    }

    button::after{

    border: 10px solid #969696;/*边框*/

    }

  • 透明度,

    opacity: 0.3;

    最多1.0。

  • 浮动和边距,

    .fd{

    border: 1px solid red;/*边框*/

    width: 15%;/*长度*/

    float: left;/*浮动*/

    margin-left: 20px;/*距离左侧*/

    }

  • 6

    WXSS基本和CSS一样,更多的样式以及详细,请认真学习css

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式