欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

VisualStudio怎么插入按钮? vs网页添加按钮的教程

程序员文章站 2022-08-30 18:06:03
VisualStudio怎么插入按钮? vs网页添加按钮的教程...

visual studio网页想要添加按钮,该怎么制作按钮呢?下面我们就来看看vs给网页插入按钮的教程。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

1、打开visual studio,创建一个网站,并打开它的首页default.aspx

VisualStudio怎么插入按钮? vs网页添加按钮的教程

2、首先,找到body标签,在下方找到div标签,如下图所示。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

VisualStudio怎么插入按钮? vs网页添加按钮的教程

3、先插入一段代码,控制按钮的整体格式

VisualStudio怎么插入按钮? vs网页添加按钮的教程

4、设置按钮以左侧为基准浮动,整体高为28像素,整体宽度为80像素。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

5、按钮离顶部的距离为5像素,离左侧和右侧的距离各设置为自动。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

6、接着,写入代码,在网页中插入一个按钮。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

7、设置按钮的类型为button,事件调用的方法为browse()。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

8、设置按钮显示文本的颜色为白色,边框设置为无。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

9、按钮的文本尺寸为20号,显示鼠标的指针状态为pointer

VisualStudio怎么插入按钮? vs网页添加按钮的教程

10、设置按钮的高为22像素、宽为52像素。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

11、插入按钮图片,离左侧的距离为20像素。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

12、在浏览器中浏览网页,可以看到在输入文本后插入了一个按钮。

VisualStudio怎么插入按钮? vs网页添加按钮的教程

以上就是vs网页添加按钮的教程,希望大家喜欢,请继续关注。