手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何做一个好看的超链接按钮

时间:2024-10-28 15:49:24

1、新建一个DIV,然后给它设置按钮般的大小与背景即可,代码如下:<div class="btn"></div>.btn{width: 100px;height: 30px;background: pink;}

如何做一个好看的超链接按钮

2、然后给这个DIV写一些比较好看的样式,比如圆角符,字体大小,位置摆放等,代码如下:.btn{width: 100px;height: 30px;background: pink;line-height: 30px;text-align: center;color: white;border-radius: 10px;}

如何做一个好看的超链接按钮

3、此时,我们要里面加上文字,自动会被渲染成应有的样式了。<div class="btn"><span>按钮</span></div>

如何做一个好看的超链接按钮
© 手抄报圈