CSS 3.0

Legend in Bootstrap 4

ChandradevLeave a comment

While designing any form we will get requirement of legend tag for good look and feel. We can design the form using bootstrap 4 and legend like this

<fieldset class="border p-2">
    <legend class="w-auto">
        Fleet Search
    </legend>
</fieldset>

How to create rounded button in asp.net using css 3.0 ?

ChandradevLeave a comment

RoundButton
Hi

Css 3.0 has been added one of excellent feature to create the rounded button without using any background image with few line of css code. We can create the rounded button in asp.net using css 3.0 like this. 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<style type="text/css">
.roundcorner
{
border:2px solid #a1a1a1;
padding:5px 50px; 
background:#dddddd;
width:70px;
border-radius:25px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
}
</style>
</head>
<body>
 <form id="form1" runat="server">
 <br />
<div><asp:Button ID="btnHome" runat="server" CssClass="roundcorner" Text="Home" /> </div> <br />
<div><asp:Button ID="Button1" runat="server" CssClass="roundcorner" Text="About Us" /> </div> <br />
<div><asp:Button ID="Button2" runat="server" CssClass="roundcorner" Text="Contact Us" />  </div> <br />
<div><asp:Button ID="Button3" runat="server" CssClass="roundcorner" Text="Address" />  </div> <br />
</form>
</body>
</html>