如何用Visual Studio在网页中插入按钮

 时间:2024-11-02 16:37:12

用VisualStudio制作动态网页,就要使用按钮,如何在网页中用Visual咯悝滩镞Studio插入按钮呢?笔者与大家分享一下操作经验。

如何用Visual Studio在网页中插入按钮

工具/原料

VisualStudio2015

方法/步骤

1、打开VisualStudio,创建一个网站,并打开它的首页Default.aspx。

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

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

如何用Visual Studio在网页中插入按钮

img对象align属性如何居左显示? 如何使用NetBeans创建web应用程序? Sublime Text如何切换语言? js怎样实现点击指定div跳转到指定页面 phpstudy打不开localhost怎么办
热门搜索
洋绣球花图片 山西面食图片 鱼缸过滤器图片 废物利用图片 动漫堂