小程序设置边框border

border 简写属性把边框的所有属性设置到一个声明中.

可以按顺序设置如下属性：

border-width
border-style
border-color

border-style 属性用于设置元素所有边框的样式。

只有当这个值不是 none 时边框才可能出现。

border-style 下边框类型：

值	描述
none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

同样的可以通过border-bottom、border-left、border-right、border-top来设置各边单独的边框。

示例：底部实线

.demo-view {border-bottom: 2rpx solid red;
}

示例：线框

.demo-view {width: 100rpx;height: 50rpx;border: 2rpx solid black;
}

示例：圆角线框

.demo-view {width: 100rpx;height: 50rpx;border: 2rpx solid black;border-radius: 25rpx;
}

小程序设置边框border相关推荐

微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
跑腿小程序需要服务器吗,小程序设置流程
外卖小程序设置流程总结: 1. 先添加公众号,因为小程序设置是在模块内部后台进行设置的 2. 设置平台基础设置,如下图: ![](https://img.kancloud.cn/1e/65/1e655 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（十一）：开发小程序设置功能
文章目录前言一.功能说明二.设置界面代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 三.参数控制逻辑代码实现 1.自动跳转卡片 2.自动播放声音专题文章链接前言案例的 ...
家用电脑设置成小程序服务器,电脑微信小程序设置全屏的方法是什么
电脑微信小程序设置全屏的方法是什么方法:首先配置小程序resizeable的参数设置为true,这样操作可以在电脑端打开一个较大的横向窗口显示,屏幕大小是1024乘以768的,然后再按下全屏按钮,便 ...
微信小程序设置背景图片
经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢? 以下总结了三种方法: css中通过url获取网络图片微信小程序中不能使用本地图片 background-image:url ...
微信小程序——设置背景图片
项目希望实现如上效果, 使用vant的picker组件而源码是这样的: <viewclass="van-picker__cancel"hover-class="v ...
微信小程序设置启动页面
微信小程序设置启动页面微信小程序运行成功需要跳转到启动页面: 微信小程序跳转启动页面主要有两种方法: 1.通过配置全局文件page.json进行配置在app.json文件中,pages数组,设置在 ...
店长宝微信小程序后台功能简介（四）——小程序设置
本文参考自: 原文地址继续为大家介绍店长宝微信小程序的后台功能,今天介绍后台中的小程序设置功能. 小程序设置功能:版权设置.个人中心.商家设置.商家手机端.小程序跳转.内嵌网页.门店管理.门面管理. ...
小程序设置字体font-family
不多废话,我今天在整这个需求的时候,经过测试,发现ios和安卓需要不同的处理方式,目前来看缺一不可,直接上方法. 方式一:IOS处理方式用小程序的API去请求网络资源字体文件这里需要注意的是: 代 ...

小程序设置边框border

小程序设置边框border相关推荐

最新文章

热门文章