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

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

Important question for Artificial Intelligence university exam

-
 (1)What is Intelligence and Artificial Intelligence? Explain the four approaches in detail.  ->INTELIGENCE-:   Intelligence has been defined in many ways the capacity for logic, understanding,    self awareness, learning, emotional knowledge, reasoning, planning, creativity,   critical thinking,nd problem solving More generally, it can be described as   the ability to perceive or infer information, and to retain it as knowledge   to be applied towards adaptive behaviours withinan environment or context. ->ARTIFICIAL INTELIGENCE-:   Artificial intelligence is wide ranging branch of computer science concerned    with building smart machines capable of performing tasks that typically require    human intelligence AI is an interdisciplinary science with multiple approaches   AI is an art which is used to make machines which can understand likes humans, works   like humans, predicts like humans and make decisio...
Read more

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