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

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

程序员文章站 2022-06-19 22:39:17
VisualStudio页面中怎么添加复选框?...

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

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

1、用visual studio打开一个已有的网页,本例为twofish网站中的default.aspx网页。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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