MVC cshtml如何使用css3
cshtml是C#版本的asp.net mvc頁面后綴名，利用的是新一代頁面視圖引擎Razor，傳統的aspx頁面利用年夜量的辦事器端控件襯著頁面，cshtml則回歸頁面本真，沒有辦事器端控件，根基采用html原生語法，只是供給了一些簡寫體例罷了。
本文就為您介紹asp.net mvc的cshtml頁面中若何利用css3
東西/原料
- visual studio 2017
- Framework 4.5+
方式/步調
- 1
1、新建asp.net mvc項目
1）打開visual studio 2017（其他版本vs也是可以的）
2）點擊左側頂部菜單【文件】->【新建】->【項目】
3）在【新建項目】界面，依次選擇【Web】->【ASP.NET Web 應用法式(.NET Framework)】，輸入項目名稱，選擇【框架】為【.NET Framework 4.5】，點擊【確定】
4）在【新建應用法式】界面，依次選擇【空】->【MVC(_M)】->【確定】
- 2
新建節制器與頁面
1）在【Controllers】文件夾上，右鍵選擇【添加】->【節制器】，選擇【MVC 5 Controller - Empty】，在彈出界面點竄節制器名稱為【HomeController】，點擊【添加】，節制器就建立完當作了
2）在節制器的Index方式中，右鍵選擇【添加視圖】，在彈出窗口中去失落利用layout，點擊【確定】，節制器對應的頁面也建立好了
- 3
在Index.cshtml頁面中利用css3的【圓角邊框】，代碼與演示如下
1）以下的頁面運行都是在visual studio的調試模式下打開瀏覽器執行的，若何將頁面擺設到IIS，不是本文介紹的規模
2）本文利用的css3都是以class體例進行演示，其他ID、DOM標簽等只是點竄css的屬性選擇器，所以，不做冗余介紹
- 4
在Index.cshtml頁面中利用css3的【邊框暗影】，代碼與演示如下
- 5
在Index.cshtml頁面中利用css3的【文本暗影】，代碼與演示如下
- 6
在Index.cshtml頁面中利用css3的【主動換行】，代碼與演示如下
- 發表于 2018-11-03 00:00
- 閱讀 ( 1589 )
- 分類：電腦網絡
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章