HTML+CSS 教程—开篇(3)文字布局(有些东西在B站简介用不了的代码过滤了)

html 孤独木木 8年前 (2016-05-02) 4962次浏览 已收录 0个评论 扫描二维码

(一)文字对齐方式

在没学样式之前我们也可以用align=”#”属性来控制文字的对齐方式
文字的对齐方式有left(向左),right(向右),center(居中)
<p align="left">文字向左</p>
<p align="right">文字向右</p>
<p align="center">文字居中</p>

测试效果

文字向左

文字向右

文字居中

(二)列表

1.无序列表

//<ul>这里里面按照原则的是只能填<li></li>标签的</ul>
//学了样式之后可以把前面原点去掉
<ul>
			<li>表项一</li>
			<li>表项二</li>
			<li>表项三</li>
</ul>

测试效果

  • 表项一
  • 表项二
  • 表项三

2.有序列表

//<ol>这里里面按照原则的是只能填<li></li>标签的</ol>
//学了样式之后可以把前面数字去掉
<ol>
			<li>表项一</li>
			<li>表项二</li>
			<li>表项三</li>
</ol>

测试效果

  1. 表项一
  2. 表项二
  3. 表项三

(三)文字滚动

marquee的文字滚动方向direction
文字滚动的方向有:left(向左),right(向右),up(向上),down(向下)
//<marquee>文字滚动</marquee>
<div style="width: 500px;height:50px;">
		<marquee direction="down">文字滚动</marquee>
		<marquee direction="up">文字滚动</marquee>
		<marquee direction="left">文字滚动</marquee>
		<marquee direction="right">文字滚动</marquee>
</div>

效果自己测试这里看不出来

喜欢 (0)
[15390816981]
分享 (0)

您必须 登录 才能发表评论!