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

用Visual Studio建造动态网页 , 就要利用按钮 , 若何在网页顶用Visual Studio插入按钮呢?笔者与大师分享一下操作经验 。

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

文章插图

需要这些哦
Visual Studio 2015
方式/
1打开Visual Studio , 建立一个网站 , 并打开它的首页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在网页中插入按钮】在浏览器中浏览网页 , 可以看到在输入文本后插入了一个按钮 。

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

推荐阅读