小程序-wxss样式

最新推荐文章于 2024-06-16 09:33:39 发布

dancebit

最新推荐文章于 2024-06-16 09:33:39 发布

阅读量587

点赞数 1

分类专栏：微信小程序学习笔记文章标签：小程序 css 前端

本文链接：https://blog.csdn.net/ai5945fei/article/details/121233347

版权

14 篇文章 1 订阅

订阅专栏

border边框样式

一.边框：border 设置对象边框的特性。

1.语法：border：length style color

2.style：none ，hidden，dotted，dashed，solid，double，groove，ridge，inset，outset。

  border: 8rpx outset cyan

二.相关属性。

1.border-width：设置边框宽度：常用取值：medium：默认值，相当于3px。thin：1px。thick：5px。不可以为负值。

2.border-color:设置边框颜色。

3.border-top:设置顶部边框。border-top-width,border-top-style,border-top-color 分别设置宽度，样式以及颜色

4.border-right：设置右边框。

5.border-bottom：设置底边框。

6.border-left：设置左边框。

7.border-radius：设置对象使用圆角边框。取值为数字或者百分比。

8.当然也可以给4个角单独的设置：

左上角：border-top-left-radius，右上角：border-top-right-radius，左下角：border-bottom-left-radius，右下角：border-bottom-right-radius

wxss padding(填充)（padding）
属性	说明	语法(属性值)
padding	使用缩写属性设置在一个声明中的所有填充属性	padding:10px 5px 15px 20px;(上填充，右填充，下填充，左填充)
padding-top	设置元素的顶部填充。
padding-right	设置元素的右部填充
padding-bottom	设置元素的底部填充
padding-left	设置元素的左部填充

关注