微信小程序 组件的边框设置 border
对于组件 view 有一个边框,我们可以对其进行设置
<view class="test">test</view>
效果展示:
更多关于边框的属性
border | 简写属性,用于把针对四个边的属性设置在一个声明。 |
border-style | 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 |
border-width | 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 |
border-color | 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。 |
border-bottom | 简写属性,用于把下边框的所有属性设置到一个声明中。 |
border-bottom-color | 设置元素的下边框的颜色。 |
border-bottom-style | 设置元素的下边框的样式。 |
border-bottom-width | 设置元素的下边框的宽度。 |
border-left | 简写属性,用于把左边框的所有属性设置到一个声明中。 |
border-left-color | 设置元素的左边框的颜色。 |
border-left-style | 设置元素的左边框的样式。 |
border-left-width | 设置元素的左边框的宽度。 |
border-right | 简写属性,用于把右边框的所有属性设置到一个声明中。 |
border-right-color | 设置元素的右边框的颜色。 |
border-right-style | 设置元素的右边框的样式。 |
border-right-width | 设置元素的右边框的宽度。 |
border-top | 简写属性,用于把上边框的所有属性设置到一个声明中。 |
border-top-color | 设置元素的上边框的颜色。 |
border-top-style | 设置元素的上边框的样式。 |
border-top-width | 设置元素的上边框的宽度。 |
none: 默认无边框
dotted: 定义一个点线边框
dashed: 定义一个虚线边框
solid: 定义实线边框
double: 定义两个边框。 两个边框的宽度和 border-width 的值相同
groove: 定义3D沟槽边框。效果取决于边框的颜色值
ridge: 定义3D脊边框。效果取决于边框的颜色值
inset:定义一个3D的嵌入边框。效果取决于边框的颜色值
outset: 定义一个3D突出边框。 效果取决于边框的颜色值
微信小程序 组件的边框设置 border相关推荐
- 微信小程序组件、路由、组件通信、侦听器
一.微信小程序组件 组件就是小程序页面的组成结构,与html在web网页开发中的作用一样,铺设页面.可以参考其他UI库,像elementUI,vantUI组件 组件是视图层的基本组成单元. 组件自带一 ...
- 微信小程序之input 边框
微信小程序之input 边框 文章目录 微信小程序之input 边框 一.边框:border 设置对象边框的特性. 二.相关属性 一.边框:border 设置对象边框的特性. 语法:border:le ...
- 【微信小程序】三、微信小程序组件的基本使用
五.微信小程序组件 微信小程序框架为开发者提供了一系列组件,开发者可以通过组合这些组件进行快速开发. (1)微信小程序组件基础概念 什么是组件? 组件是视图层的基本组成单元. 组件自带一些功能与微信风 ...
- 微信小程序组件(车牌号输入,支付键盘,滑块验证)
目录 车牌号输入组件 密码支付键盘组件 滑块验证组件 车牌号输入组件 如图 基于微信小程序组件封装,输出值为当前选择车牌号,可回显车牌号. 支持7位8位车牌号,因为我的项目没有此需求,所以没有测试,具 ...
- android img标签属性_微信小程序 组件叠加效果(如 Android 中的添加蒙层)
实现的效果如下: 可以看出这是由image组件和text组件叠加到一块组成的蒙层效果. 在小程序中实现这个效果主要用到z-index属性和position属性 z-index的使用必须是双方组件都设置 ...
- 微信小程序组件(标签)—码虫带你飞
微信小程序组件(标签) 组件文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/ 常用布局标签 <view></view&g ...
- 微信小程序组件库开发记录
微信小程序组件库开发记录 背景 前言 技术选型 环境搭建 安装 gulp 将`scss`编译为`wxss` 压缩`wxml`,`js`,`json`文件和图片 拷贝文件到另一个目录 删除目录 整合 创 ...
- 微信小程序组件间通信(二)
2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序中通过事件,实现子组件向父组件中传递数据或操作 注:子组件向父组件中传递通过事件传递操作 通过事件参数对象det ...
- 微信小程token_微信小程序url与token设置详解
微信小程序url与token设置详解 新浪云应用sae的代码里创建一个weixin.php文件,写入以下代码 isValid(); class wechatAPI { public function ...
最新文章
- python点的作用-Python中*和**的作用(课堂小结)
- 安卓性能调优工具简介(转)
- python申请内存函数_Python Ctypes c函数的内存分配
- VTK修炼之道35:边缘检测_Laplace算子
- 简单来说一下java中的泛型,ssh中dao层使用会简化代码量
- 用PHP生成word文件
- 加sql查询语句导出_搞不懂这些查询语句,SQL简单查询也无法从入门到熟练
- 在JDK 8中连接字符串
- windows服务器远程执行命令(PowerShell+WinRM)
- 谷歌要求华为不启用鸿蒙,谷歌:华为我不让你用我的服务!华为:我还是照样用!...
- inno setup安装之前关闭mysql_inno setup 安装前判断进程是否存在,以及停止相应进程转...
- vue点击按钮跳转页面
- DOCTYPE声明——标准模式与怪异模式的区别
- endl 和 \n 的区别
- 山东大学 英文版《软件工程》教学内容回顾
- mock.js的使用
- Redis Geospatial地理位置
- 【Linux网络】Ubuntu18.04网络问题汇总
- 申报高新技术企业认定前需要做哪些准备工作?
- python自动发outlook邮件_使用python自动发邮件(163、QQ、outlook邮箱)
热门文章
- OTB2013平台跑OTB2015的results遇到的问题
- 算法#03--详解最小二乘法原理和代码
- Matlab工具箱下载地址汇总
- 全域散列概念理解(try)
- Q键连发。按住Q键 则连发。松开则停止2。
- 浙江大学计算机学院搞能源,CPUFPGA混合架构上的硬件线程加速方法-浙江大学计算机学院.PDF...
- 客制化键盘编程_「教程」客制化发光键盘线详细教程
- 比特大陆斥资7亿买Dash,究竟看中了啥?
- Caused by: java.lang.ClassNotFoundException: Didn't find class com.zyh.testswiperefresh.MainActivit
- 本题要求将输入的任意3个整数从小到大输出。