css简单应用之制作带边框的按钮

2026-02-15 17:50:04

1、使用Dreamweaver新建一个网页文件

css简单应用之制作带边框的按钮

2、在<body></body>之间新建一个<div></div>

css简单应用之制作带边框的按钮

3、现在给div添加css效果。首先让它有一个1像素的实线边框,颜色是#999

css简单应用之制作带边框的按钮

4、背景颜色是#F3F3F3

css简单应用之制作带边框的按钮

5、文字居中显示,并且设置宽度、高度和行间距,margin:0 auto;是让div能够在页面居中显示。

css简单应用之制作带边框的按钮

css简单应用之制作带边框的按钮

6、ctrl+s保存后,按f12预览

css简单应用之制作带边框的按钮

猜你喜欢