Use different border style to highlight words in paragraph in HTML and CSS
Description
The following code shows how to use different border style to highlight words in paragraph.
Example
<!--from ww w . j a v a2 s . com-->
<html>
<head>
<style type="text/css" media="Screen">
p {
font-family: Georgia, serif;
font-size: 13px;
padding-left: 25px;
}
.large {
font-size: 130%;
border: 1px dotted white;
padding: 5px;
}
.small {
font-size: 90%;
border: 2px dashed #555;
padding: 10px;
}
</style>
</head>
<body>
<p>Another paragraph, with <span class="large"><em>large italic</em></span> and <span class="small"><strong>small bold</strong></span> text, also in Verdana.</p>
</body>
</html>
The code above generates the following result.
HTML CSS Tutorial Paragraph
Add line break to a paragraph in HTML and C...
Add margin to paragraph in HTML and CSS
Add shading border for paragraph in HTML an...
Create Paragraphs in HTML and CSS
Create three Paragraphs in HTML and CSS
Demonstrate White Space Collapsing and Line...
Float a paragraph right and make text above...
Float image to left and right, then start n...
Float paragraph in HTML and CSS
Set text align for paragraph to center in H...
Add line break to a paragraph in HTML and C...
Add margin to paragraph in HTML and CSS
Add shading border for paragraph in HTML an...
Create Paragraphs in HTML and CSS
Create three Paragraphs in HTML and CSS
Demonstrate White Space Collapsing and Line...
Float a paragraph right and make text above...
Float image to left and right, then start n...
Float paragraph in HTML and CSS
Set text align for paragraph to center in H...