技术栈

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查看端口占用
下一篇:新能源汽车与公共充电桩布局
相关推荐
陈不知代码
15 分钟前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记
17 分钟前
sass中@mixin与 @include
前端·sass
陈琦鹏
24 分钟前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数
1 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante
1 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam
2 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴850
2 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
誰能久伴不乏
2 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
涔溪
3 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾
3 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02全球最强模型Grok4,国内已可免费使用!(附教程)03vue数据变化但页面不变04KGG转MP3工具|非KGM文件|解密音频05扣子开源本地部署教程 丨Coze智能体小白喂饭级指南06干翻 Typora!MilkUp:完全免费的桌面端 Markdown 编辑器!07【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法,Vue - Official 插件3.0.2导致08ChatGPT Agent 完全使用指南:2025年7月最新功能详解09《魔兽世界》提示lua警告的含义及解决方法10这次领先Cursor!体验了Trae 2.0 SOLO 模式,超酷!