MVC cshtml如何使用css3

cshtml是C#版本的asp.net mvc頁面后綴名 , 利用的是新一代頁面視圖引擎Razor , 傳統的aspx頁面利用年夜量的辦事器端控件襯著頁面 , cshtml則回歸頁面本真 , 沒有辦事器端控件 , 根基采用html原生語法 , 只是供給了一些簡寫體例罷了 。
本文就為您介紹asp.net mvc的cshtml頁面中若何利用css3

需要這些哦
visual studio 2017
Framework 4.5+
方式/
11、新建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

猜你喜歡