CODEWITHSUNDEEP
cssasp.netasp.net-mvc
john
john

Reputation: 71

ASP.NET MVC - Adding CSS to your view (inside of the view not an external .css file)

I am new to ASP.NET MVCs. I want to ask if there is a way to add CSS inside your view, but not using an external .css file? For example: table {border: 5px solid red;} (Just like you would do it in a normal HTML-CSS project)?

Upvotes: 7

Views: 37010

Answers (3)

Murat Yıldız
Murat Yıldız

Reputation: 12022

You can also define CSS in razor view by using style tag as shown below:

<style>
    table {border: 5px solid red;}
</style>

Upvotes: 4

Chris Pratt
Chris Pratt

Reputation: 239220

Consider using sections. In your layout add:

<head>
    ...
    @RenderSection("Styles", required: false)
</head>

Then, in your view:

@section Styles
{
    <style type="text/css">
        table { border: 5px solid red; }
    </style>
}

This will have the effect of adding this style tag into the head of your HTML where it should be, instead of littering style tags throughout your code.

Upvotes: 16

user7075856
user7075856

Reputation:

Some like this.

@Html.Label("Hello World",new{@style="your style code"})

Upvotes: 1

Related Questions