VisualStudio页面中怎么添加复选框?

VisualStudio中想要制作一个复选框,该怎么添加复选框,下面我们就来看看详细的教程。

软件名称:
Visual Studio 2017 正式版 (附离线安装包) 官网简体中文版
软件大小:
15GB
更新时间:
2017-03-14

VisualStudio页面中怎么添加复选框?_第1张图片

1、用Visual Studio打开一个已有的网页,本例为TwoFish网站中的Default.aspx网页。

VisualStudio页面中怎么添加复选框?_第2张图片

2、找到body标签下的div标签,如下图所示。

VisualStudio页面中怎么添加复选框?_第3张图片

3、首先,在div标签下,输入控制复选框格式的代码。

VisualStudio页面中怎么添加复选框?_第4张图片

4、 其中,height为整个复选框的高度,width为整个复选框包括文本的宽度。

VisualStudio页面中怎么添加复选框?_第5张图片

5、复选框离网页顶部的衬距为25像素,离左侧的距离为125像素,离右侧的距离设置为自动

VisualStudio页面中怎么添加复选框?_第6张图片

6、接着,定义复选框的颜色格式,位置以左侧为基准浮动,颜色为蓝色。

VisualStudio页面中怎么添加复选框?_第7张图片

7、然后,定义复选框,复选框的类型是checkbox,名称为select。

VisualStudio页面中怎么添加复选框?_第8张图片

8、最后,设置复选框的文本格式,代码如下图所示。

VisualStudio页面中怎么添加复选框?_第9张图片

9、文本的字体大小,设置为20号

VisualStudio页面中怎么添加复选框?_第10张图片

10、文本的字体颜色为蓝色,代码如下图。

VisualStudio页面中怎么添加复选框?_第11张图片

11、复选框的文本内容为选中,代码写在font标签内。

VisualStudio页面中怎么添加复选框?_第12张图片

12、在浏览器中浏览网页,可以看到在页面中添加了一个复选框,单击可以选中它。

VisualStudio页面中怎么添加复选框?_第13张图片

以上就是VisualStudio添加复选框的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

VisualStudio引用的图片文件怎么删除?

visualstudio怎么调用其他项目的窗体?

VisualStudio2015项目怎么导出为模板?

你可能感兴趣的:(VisualStudio页面中怎么添加复选框?)