MVC cshtml如何使用css3

2025-05-30 13:41:11

1、新建asp.net mvc项目 1)打开visual studio 2017(其他版本vs也是可以的) 2)点击左侧顶部菜疟觥窖捎单【文件】->【新建】->【项目】 3)在【新建项目】界面,依次选择【Web】->【ASP.NET Web 应用程序(.NET Framework)】,输入项目名称,选择【框架】为【.NET Framework 4.5】,点击【确定】 4)在【新建应用程序】界面,依次选择【空】->【MVC(_M)】->【确定】

MVC cshtml如何使用css3
MVC cshtml如何使用css3
MVC cshtml如何使用css3
MVC cshtml如何使用css3

2、新建控制器与页面 1)在【Controllers】文件夹上,右键选择【添加】->【控制器】,选择【MVC 5 Controller - Empty】,在弹出界面修改控制器名称为【HomeController】,点击【添加】,控制器就创建完成了 2)在控制器的Index方法中,右键选择【添加视图】,在弹出窗口中去掉使用layout,点击【确定】,控制器对应的页面也创建好了

MVC cshtml如何使用css3
MVC cshtml如何使用css3
MVC cshtml如何使用css3

3、在Index.cshtml页面中使用css3的【圆角边框】,代码与演示如下 1)以下的页面运行都是在visual studio的调试模式下打开浏览器执行的,如何将页面部署到IIS,不是本文介绍的范围 2)本文使用的css3都是以class方式进行演示,其他ID、DOM标签等只是修改css的属性选择器,所以,不做冗余介绍

MVC cshtml如何使用css3

4、在Index.cshtml页面中使用css3的【边框阴影】,代码与演示如下

MVC cshtml如何使用css3

5、在Index.cshtml页面中使用css3的【文本阴影】,代码与演示如下

MVC cshtml如何使用css3

6、在Index.cshtml页面中使用css3的【自动换行】,代码与演示如下

MVC cshtml如何使用css3
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢