养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-09 19:21:26

CSS就是一种叫做样式表(stylesh娣定撰钠eet)的技术。也有的人称之为“层叠样式表”(CascadingS墉掠载牿tylesheet)。网页文字如果加上某些css效果,会让网页看起来更加美观,这只是最基础的,高手看了勿喷我,谢谢!

工具/原料

电脑、Dreamweaver软件

方法/步骤

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

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

2、在争犸禀淫<body></body>之间新建一个<div></div>

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

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

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

4、背景颜色是#F3F3F3

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

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

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

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

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

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

© 一点知识