技术栈

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查看端口占用
下一篇:新能源汽车与公共充电桩布局
相关推荐
Hilaku
3 分钟前
前端的技术判断力是怎么练出来的?
前端·javascript·程序员
悠仁さん
5 分钟前
【C++】set map 使用
java·前端·c++
用户09367175541
8 分钟前
用 4500 行 TypeScript 复刻了童年方格纸上的海战棋
前端·vue.js
CCIE-Yasuo
11 分钟前
网络安全-学习web开发-基础概念、常用标签
前端·学习
凉介川
17 分钟前
给 DeepSeek Harness 写插件:按扩展名接管 Windows 右键打开
前端
涛涛ing
17 分钟前
Pretext之后,2026年的前端正在被“平台”和“AI”同时重写
前端
Csvn
1 小时前
Worker 与 OffscreenCanvas
前端
Csvn
1 小时前
图片字体
前端
m0_73812072
1 小时前
JWT 安全从入门到实战:六种典型攻击场景解析
前端·网络·python·安全·网络安全
拖孩
1 小时前
AI 帮我写的小程序上线 44 天:36 个人进了收银台,8 个人付钱
前端·后端·微信小程序
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02历年考研数学一、数学二、数学三真题试卷及答案PDF03GitHub 镜像站点04如何新建文件夹? 电脑新建文件夹的4种方法05几个好用的ip纯净度检测网站06苹果iPA游戏软件资源下载网站07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战09微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新10CVE-2026-91403 高危漏洞预警:Java JSSE 信任链被攻破 全场景修复方案与Linux系统级彻底清理实操