技术栈

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查看端口占用
下一篇:新能源汽车与公共充电桩布局
相关推荐
QCzblack
4 分钟前
BugKu BUUCTF ——Reverse
java·前端·数据库
gwjcloud
4 分钟前
基于linux下docker部署前端vue项目
前端·javascript·vue.js
小李子呢0211
8 分钟前
前端八股CSS(1)---响应式布局的方法
前端·css
小李子呢0211
1 小时前
前端八股Vue(6)---v-if和v-for
前端·javascript·vue.js
程序员buddha
1 小时前
ES6 迭代器与生成器
前端·javascript·es6
周周记笔记
1 小时前
初识HTML和CSS(一)
前端·css·html
aq5535600
1 小时前
网页开发四剑客:HTML/CSS/JS/PHP全解析
javascript·css·html
chxii
2 小时前
在 IIS 中实现 SSL 证书的自动续期
前端
周星星日记
2 小时前
vue3中静态提升和patchflag实现
前端·vue.js·面试
橘子编程
2 小时前
React 19 全栈开发实战指南
前端·react.js·前端框架
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03GitHub 镜像站点04基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南05AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析06免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手07Oh My Codex 快速使用指南08CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南09VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)10从限购到畅通:GLM-5.1 Coding Plan接入攻略