Border using CSS in html file

-
BORDER AND BACKGROUND USING EXTERNEL CSS FILE IN HTML.

 There are 4 property of border :

1.border-width:
(give width in px)
for example :

border-width:5px;

2.border-style:(required)
(there are too many value for border-style property)
solid
dotted
dashed
double
inset
outset

3.border-color:

 give color name  (red)
 or HEX value ( #fff)
or rgb ( , , ) values for color.

 We use shorthand property to give border to any object.

 border: width style color;

Background have mainly 4 value :

1.background-color :

give color name  (red)
 or HEX value ( #fff)
or rgb ( , , ) values.
or hsl( , , ) values.


2.background-image :

background-image:url("");   

/* type name or path in breckets */

3.background-attchment: 

background-attchment:fixed;

4.background-repeat :

values:
repeat x ----for repeat only horizontally
repeat y ----for repeat only vertically
repeat ------to repeat on both vertically and horizontally
no-repeat ----- the background image is not repeated.



 Example for border and background :

 First create the html file and insert any object image or paragraph on which you want border and type the code given below  :

<!DOCTYPE html>
<html>
<head>
<title> Assignment-1 </title>

<link rel="stylesheet" type="text/css" href="___"> 

<!-- in blank type your css file name with .css extention or path if file is not in same folder -->
</head>

<body>
<img src="____" width=500 height=500 >

<!-- in blank type your image name with extension or path if file is not in same folder-->
</body>
</html>


Now, create the .css extention file for border and background color and type the code given below  :

body
{
        background:red;
}
img
{
         border:5px solid blue ;
 
/* this is shorthand property of border 1.width of border  2.style of border 3.color of border */

}

Now run the html file in chrome or any browser ....

Comments

Post a Comment

Popular posts from this blog

C++ Practice Program

-
Image
Questions Answer PRG -1 Ans #include<iostream.h> #include<conio.h> class smaller { public : int d1,d2; void min(); }; void smaller::min() { cout<<"Enter D1 = "; cin>>smaller::d1; cout<<"Enter D2 = "; cin>>smaller::d2; if(d1>d2) cout<<"D2 is smaller than D1"; else cout<<"D1 is smaller than D2"; } void main() { smaller min1; clrscr(); min1.min(); getch(); } PRG - 2 Answer //Prg -2 odd or even #include<iostream.h> #include<conio.h> class number { public: int d1; void check(); }; void number::check() { cout<<"Enter d1 = "; cin>>d1; if(d1==0) cout<<"D1 is Zero"; else if(d1%2==0) cout<<"D1 = "<<d1<<" is Even number." ; else cout<<"D1 = "<<d1<<" is Odd number."; } void main() { number num1; clrscr(); num1.check(); ge...
Read more

Cloud Computing Important Question-Answer for University Exam

-
Image
UNIT 1 1. What is the innovative characteristic of cloud computing? OR 13. What is the major advantage of cloud computing? OR 4) Define cloud computing and identify its core features. Core Features of Cloud Computing No up-front commitments: Cloud computing does not require up-front commitment from the user. Users can just use infrastructure, platform and software as per requirement. They don’t have to worry what’s happening behind the scene. On-demand access: Cloud computing services can be used according to the user demand. For example, any user data analytics company uses amazon EMR or EC2 cluster for Hadoop data processing. Then user turn on the cluster when he/she need them, and he/she pay the money for the time period he/she have used and when his/her work is done, he/she terminate the cluster. Nice pricing: Cloud computing services are cheap with nice prices in case of some services and infrastructure we use. We can realize this even more when we talk abo...
Read more

Software Testing Gujarat University Important Questions For Exam

-
Image
:Unit-1 Introduction 1. What is software testing? List and explain goals of software testing. ANS: Testing is the process of executing a program with the intent of finding errors. The main goal of software testing is to find bugs as early as possible and fix bugs and make sure that the software is bug-free. The goals of software testing may be classified into three major categories, as follows: Immediate Goals Long-term Goals Post-Implementation Goals 1. Immediate Goals :       These objectives are the direct outcomes of testing.      Some of these are covered in detail below: Bug Discovery :  This is the immediate goal of testing to find error at any stage of software development. The more bugs discovered at early stage, The batter will be the success ratio of Software Testing. Bug Prevention :  This is immediate action of bug discovery, that occurs as a result of bug discovery. Everyone in the software development team learns how to code sa...
Read more