技术栈

CSS例子: 胶囊按钮

沈阳-施立2024-11-07 13:06

HTML

复制代码
<button class="btn">SEARCH</button>

CSS

复制代码
	.btn {
		width: 200rpx;
		height: 80rpx;
		border: none; 
		border-radius: 40rpx;
		background-color: burlywood;
	} 

tailwind css

复制代码
<button class="w-[200rpx] h-[80rpx] border-none rounded-[40rpx] bg-green-600">SEARCH</button>
上一篇:Linux查看端口占用及Windows查看端口占用
下一篇:新能源汽车与公共充电桩布局
相关推荐
Amumu12138
20 小时前
Vuex介绍
前端·javascript·vue.js
We་ct
20 小时前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_94948006
21 小时前
【无标题】
开发语言·前端·javascript
css趣多多
21 小时前
Vue过滤器
前端·javascript·vue.js
理人综艺好会
21 小时前
Web学习之用户认证
前端·学习
We་ct
1 天前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表
weixin_39544891
1 天前
main.c_cursor_0129
前端·网络·算法
2401_85904908
1 天前
git submodule update --init --recursive无法拉取解决
前端·chrome·git
这是个栗子
1 天前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说
1 天前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书04OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)052026美赛A题智能手机电池续航时间预测的连续时间数学模型06Linux下V2Ray安装配置指南07Claude Code Skills 实用使用手册08UV安装并设置国内源09Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services10在Trae中使用Pencil MCP