1. 将水平线、垂直线拖动到axure页面编辑区域,如图:

2. 水平线、垂直线相关属性设置
主要属性有、线条的颜色、粗细、线条的样式、箭头的样式

<!DOCTYPE <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>设置水平线颜色</title> </head> <body> <center>有限公司</center> <hr width="220" size="3" color="#ffcc00"> <p>用软件开发商和服务提供商。多年来始终致力于行业管理软件开发、数字化出版物开发制作、计算机网络系统综合</p> <hr size="5" color="#33ffff"> </body> </html>
效果:
水平线标签hr
属性:color 颜色
size 粗细
width 宽度
aligh 水平对齐方式 (left / right / center )默认居中对齐
例:<hr color="green width="500px" size="3" align="left">
noshade:
当设置为ture的时候 水平线是2D效果(纯色)
当设置为false的时候 水平线是3D效果(双线凹槽)
1.说明
水平线用于段落与段落之间的间隔,使文档结构清晰明白,也使文字的编排更整齐。水平线自身具有很多的属性,如宽度、高度、颜色、排列对齐等。在HTML5中经常会用到水平线,合理使用水平线可以获得非常好的页面装饰效果。一篇内容繁杂的文档,如果合理放置几条水平线,就会变得层次分明,便于阅读。
语法:
<hr>
下面给出一个设置水平线及宽度的示例。
2.代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平线的宽度、高度、颜色</title> </head> <body> <!--设置水平线的宽度、居左--> <hr width=" 200" align="left"> <p>故事是这样开始的:</p> <p align="center"> 当时看《简爱》的时候,哭的稀里哗啦 </p> <p align="center"> 泪点在哪里呢? </p> <p align="center"> 我喜欢悲伤的故事 </p> <p align="center"> 不喜欢悲伤的结局 </p> <!--设置水平线的宽度、居右--> <hr width=" 200" align="right"> <p align="right">故事是这样结束的</p> </body> </html>
3.运行结果