技术栈

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查看端口占用
下一篇:新能源汽车与公共充电桩布局
相关推荐
Mr.Jessy
3 分钟前
Web APIs 学习第五天:日期对象与DOM节点
开发语言·前端·javascript·学习·html
前端大卫
4 分钟前
如何统一前端项目的 Node 版本和包管理器?
前端
Hi~晴天大圣
36 分钟前
HTML onclick用法
前端·html
速易达网络
37 分钟前
HTML<output>标签
javascript·css·css3
!win !
1 小时前
前端跨标签页通信方案(上)
前端·javascript
xw5
2 小时前
前端跨标签页通信方案(上)
前端·javascript
烛阴
2 小时前
Python数据可视化:从零开始教你绘制精美雷达图
前端·python
全栈前端老曹
2 小时前
【前端组件封装教程】第3节:Vue 3 Composition API 封装基础
前端·javascript·vue.js·vue3·组合式api·组件封装
LinXunFeng
2 小时前
Flutter 拖拉对比组件,换装图片前后对比必备
前端·flutter·开源
BD_Marathon
2 小时前
【PySpark】安装测试
前端·javascript·ajax
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07jdk21下载、安装(Windows、Linux、macOS)08《大数据技术原理与应用》实验报告三 熟悉HBase常用操作09PyCharm 社区版全平台安装指南10npm使用国内淘宝镜像的方法