在微信小程序中怎样设置边框为圆角形

 时间:2024-10-12 10:56:37

1、首先我们打开微信开发者工具。

在微信小程序中怎样设置边框为圆角形

2、在项目文件目录中打开一个wxml文件。

在微信小程序中怎样设置边框为圆角形

3、在里面新建一个input标签,类型设为text文本类型。

在微信小程序中怎样设置边框为圆角形

4、接着打开wxss样式表。

在微信小程序中怎样设置边框为圆角形

5、在样式表中定位到input标签。

在微信小程序中怎样设置边框为圆角形

6、通过使用border-radius来设置边框为圆角形,后面跟上边框的大小。

在微信小程序中怎样设置边框为圆角形

7、最后我们点击模拟器进行预览。

在微信小程序中怎样设置边框为圆角形
  • button按钮的属性设置
  • mysql如何创建数据库?
  • mysql怎么创建表
  • IDEA怎么连接数据库
  • sql文件怎么导入数据库Navicat
  • 热门搜索
    鲫鱼汤怎么做好吃 自己在家怎么做蛋糕 儿童早餐食谱家常做法 腌萝卜怎么腌好吃又脆 辨别方向的方法100种 鼻出血的止血方法 芦笋的家常做法 列数字说明方法的作用 长豆角的做法大全 樱花国际日语怎么样