How to include CSS file in html file?
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
Sample style.css file content:
/*Body Background*/
body
{ background-color: orange; }
/*Custom Alert*/
.modalclass {display: none; position: absolute; left: 35%; top: 30%; width: 30%; height: auto; }
.modalclass-content { position: relative; border: 1px solid black; width: 100%; background-color: white; color: black; }
.closeclass { color: white; float: right; font-size: 24px; font-weight: bold; }
.closeclass:hover, .closeclass:focus { color: #000; text-decoration: none; cursor: pointer; }
.modalclass-header { padding: 10px 16px 12px; background-color: #AD4F39; color: white; }
.modalclass-body { padding: 10px 16px; Height:25px; }
.modalclass-footer { padding: 2px 16px; background-color: gray; color: white; text-align: right; }
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
Sample style.css file content:
/*Body Background*/
body
{ background-color: orange; }
/*Custom Alert*/
.modalclass {display: none; position: absolute; left: 35%; top: 30%; width: 30%; height: auto; }
.modalclass-content { position: relative; border: 1px solid black; width: 100%; background-color: white; color: black; }
.closeclass { color: white; float: right; font-size: 24px; font-weight: bold; }
.closeclass:hover, .closeclass:focus { color: #000; text-decoration: none; cursor: pointer; }
.modalclass-header { padding: 10px 16px 12px; background-color: #AD4F39; color: white; }
.modalclass-body { padding: 10px 16px; Height:25px; }
.modalclass-footer { padding: 2px 16px; background-color: gray; color: white; text-align: right; }
No comments:
Post a Comment