32 lines
768 B
HTML
32 lines
768 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>border left width</title>
|
||
|
|
<style>
|
||
|
|
.style1 {
|
||
|
|
border:4px solid pink;
|
||
|
|
border-left-width:5px;
|
||
|
|
font-family:arial;
|
||
|
|
font-weight:bold
|
||
|
|
}
|
||
|
|
.style2 {
|
||
|
|
border:"none";
|
||
|
|
font-family:arial;
|
||
|
|
font-weight:bold
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
Move mouse in and out to see the style change.
|
||
|
|
<div style="width:400;
|
||
|
|
height:160;
|
||
|
|
background-color:aqua"
|
||
|
|
onmouseover="this.className='style1'"
|
||
|
|
onmouseout="this.className='style2'">
|
||
|
|
True love is eternal, infinite, and always like itself.<br>
|
||
|
|
It is equal and pure, without violent demonstrations:<br>
|
||
|
|
it is seen with white hairs and is always young in the heart.<br><br>
|
||
|
|
|
||
|
|
Honore de Balzac
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|