首页 > 学院 > 编程设计 > 正文

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

2020-06-27 13:58:20
字体:
来源:转载
供稿:网友

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

 

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

 

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添加复选框的教程,希望大家喜欢,请继续关注VEVB武林网。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表