Home > Web Front-end > HTML Tutorial > HTML tutorial: html horizontal line segment_HTML/Xhtml_web page production

HTML tutorial: html horizontal line segment_HTML/Xhtml_web page production

WBOY
Release: 2016-05-16 16:44:44
Original
2206 people have browsed it

This tag can display a horizontal line on the screen to separate different parts of the page.

has three attributes:
size The width of the horizontal line
width The length of the horizontal line, expressed as a percentage of the screen width or pixel value
align The alignment of the horizontal line, including LEFT RIGHT CENTER Three types of
noshade line segments have no shadow attribute and are solid line segments
We can use several examples to illustrate the usage of this line segment:




Setting of line segment thickness


Setting of line segment thickness


This is the first line segment, no size setting, use the default value SIZE=1 to display



This is the second line segment, SIZE=5



This is the third line segment, SIZE=10









Setting of line segment length


Setting of line segment length


This is the first line segment, there is no WIDTH setting, take the default value of WIDTH 100% to display



This is the second line segment, WIDTH=50 (point method )



This is the third line segment, WIDTH=50% (percentage method)









Setting of line segment arrangement


Setting of line segment arrangement


This is the first line segment, no ALIGN setting, (take the default value CENTER to display)



This is the second line segment, aligned to the left BR>



This is the third line segment, aligned to the right









Shadowless settings


Shadowless settings


This is the first line segment, without NOSHADE setting. Use the default shadow effect to display



This is the second line segment, with NOSHADE setting





Last horizontal line:

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template