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

时间:2024-10-25 15:46:51

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简单应用之制作带边框的按钮
© 手抄报圈