1. CSS一边居左一边居右的代码
我来回答你：把下面的代码复制到记事本中，保存，并保存为.html网页文件，打开就看到了！代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
#a{ width:910px; margin:20px auto;}
#l{ width:450px; border:1px solid #ccc; float:left; height:210px;}
#r{ width:450px; border:1px solid #ccc; float:right; height:210px;}
.cf{ clear:both;}
.f{ clear:both; height:90px; border:1px solid #ccc; margin-top:6px;}
.l{ width:400px; border:1px solid #ccc; float:left; height:210px; margin-top:6px;}
.r{ width:500px; border:1px solid #ccc; float:right; height:210px;margin-top:6px;}
</style>
</败弊或head>
<body>
<div id="a">
<h1>网站简察伍单布局卜瞎 兼容IE FF</h1>
<div id="l">左框</div>
<div id="r">右框</div><div class="cf"></div>
<div class="f"></div>
<div class="l"></div>
<div class="r"></div>
</div>
</body>
</html>
如果可以，请给我分！
2. html怎么让一行文字一部分靠左显示，另外一部分靠右显示~~
html让文字一部分靠左显示，另外一部分靠右显示的代码如下：
1.使用float样式，让文字左右浮动即可，先输入向左浮动的文字，示例代码如下：
<div style="float:left;">明月几时有？把酒问青天。</div>
3. 如何让某个div居左、居右、剧中
div+css是Web设计标准，它是一种网页的布局方法。与传统中通过表格（销宴Table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。
下面分别对div居左、居右、居中做下代码演示：
div css布局之div左对齐，div+css布局完整代码：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>div对齐实例在线演示DIVCSS5</title>
<style>
.divcss5-left{float:left;width:250px;height:50px;border:1pxsolid亏李银#F00}
</style>
</head>
<body>
<divclass="divcss5-left">此DIV靠左对齐显示</div>
</body>
</html>
4. 求一个图片居右的html代码
图片滚拿居右的html代码
用align="right"，来让图片居于右边。
如代码：
<html>大行搭
<body>
<imgsrc="图片路径"align="right"/>
</body>
</html>
用浮动，来让图片居于右边。
如代码：
<html>
<body>
<divstyle="float:right"><imgsrc="图片路径"/></div>
</body>
</html>
用定位，来让图片居于带猛右边。
如代码：
<html>
<body>
<!--先设置父级为relative--><divstyle="position:absolute;right:0;top:0;"><imgsrc="图片路径"/></div>
</body>
</html>
5. 怎样才能让网页上的图片靠右
图片在html中默认是放在左边，放在右边的步骤如下：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
6. html文字怎么设置居左居中居右
<div class="text clearfix" style="text-align:center;">
2.<span style="float:right;">居右</span><span style="float:left;">居左</span>居中
</div>
7. html怎么把文字靠右
1怎么让一行文字一部分靠左显示,另外一部分靠右显示~~
靠左显示靠右显示除了使用float样式以外，通过设置text-align:right: text-align:left；也可以改变文字居右和居左.根据需要，选择以上两种方法中的一种或是组合使用，如. 靠左显示并且内容居左靠右显示并且内容居右。
2.如何让div里文字靠右
可以使用“text-align:right；”属性让div里文字靠右。
1、新建html文档，在body标签中添加div标签，然后为div标签设置宽高和边框属性：
2、在div标签中输入文字，这时默认情况下div里面的文字靠左居中：
3、为div标签添加属性“text-align: right;”,“text-align”指的是文字对齐方式，“ right”指的是靠右对齐，这时div里面的文字就会靠右对齐：
3 怎么编写 文字靠左,图片靠右,并且底部对齐
有很多种方法，可以计算外层DIV的高度，为包含文字和图片的标签分别设置左右对齐，然后给相应的margin上边距。
还可以对最外层的DIV设置相对定位，再对里面的文搭敏字与图片设置绝对定位。定位示例： 413 比如你的DIV长为610像素，高为150像素的话隐虚，样式如下： <style type=text/css> div {width:610px; height:150px; margin:50px auto; position:relative;} span {position:absolute; left:0; bottom:0px;} img {position:absolute; right:0; bottom:0px;} </style> 效果如下： 参考资料：css3 。
4中怎么把某些字体放到右
一. 长度单位 1.相对类型 A. px (piexl) 像素，根据显示设备的分辨率的多少而代表不同的长度，因此属于相对类型。
例如一张高宽为100px的图，在800*600分辨率中比在1024*768分辨率中大。因为两个分辨率中100px代表的长度不同。
B. em 这是设置以目前字符的高度为单位。比如h1{margin:2em}，就会以目前字符的两倍高度来显示。
em作为尺度单位时是以font-size属性为参考依据的，若是没有font-size属性，就以浏览器默认的字符高度作为参考。 2.绝对类型 绝对指无论显示设备的分辨率是多少，都代表相同的长度。
尺度单位名 说明 in（英寸） 不是国际标准单位，极少使用 cm（厘米） 国际标准单位，较少用 mm（毫米） 国际标准单位，较少用 pt（点数） 最基本的显示单位，较少用 pc（印刷单位） 应用在印刷行业中，1pc=12pt Ps：可以看到，在CSS使用过程中相对类型长度单位使用较多，而绝对类型较少使用。 二. 颜色定义 在html页面中，颜色统一用RGB的模式显示，也就是通常人们所说的“红绿蓝”三原色模式，每种颜色都由着三种颜色的不同比重组成，每种颜色的比重分为0~255档。
当红绿蓝三个分量都设置为255时就是白色，例如rgb(100%,100%,100%)和#FFFFFF都指白色。 （FF即为16进制中的255） 在css中文字颜色是通过color属性设置的，示例如下： h3{color:bule;} h3{color:#0000ff;} h3{color:#00f;} h3{color:rgb(0,0,255);} h3{color:rgb(0%,0%,100%)；} 第1种是用颜色的英文名称作为属性值。
第2种是最常用的6位的十六进制数值表示。 第3种是第2种方式的简写方式。
第4种是分别给出红绿蓝3种颜色分量的十进制数值。 第5种是分别给出红绿蓝3种颜色分灶枝燃量的百分比。
三. 设置文字的字体 在此处我们先准备一个html页面，如果你不方便可以下载我这个4-3。 html 然后在其头部增加如下代码： h1{ font-family：黑体； } p{ font-family:Arial,”Times New Roman”，； } 以上语句声明了html页面中h1字体使用黑体，文本段落同时声明了两种字体，分别是Arial字体和Times New Roman字体。
其含义是告诉浏览器在访问者的计算机中寻找Arial字体，如果没有Arial字体，就寻找Times New Roman字体，如果两种字体都没有，则使用浏览器默认的字体显示。 font-family属性可以同时声明多种字体，字体之间用逗号分隔开。
另外一些字体的名称中会出先空格，例如“Times New Roman”字体，这时要用双引号将其括起来，是浏览器知道这是一种字体名称，要用英文引号。 Ps：很多设计者喜欢多种多样的字体，但这些字体很多用户不会安装，因此一定要设置多个备选字体，避免浏览器直接替换成默认的字体。
最直接的方法是使用了生僻字体的部分，用图形软件制作成效的图片，再加载到页面中。 四.设置字体的倾斜效果 文字的倾斜并不是真的把字体拉斜实现的，倾斜的字体是一个独立的字体，对应于操作系统中的某一个字库文件。
严格来说，在英文中，字体的倾斜有以下两种： 1。 italic，即意大利体，我们平常说的倾斜都是指“意大利体”，大家看到各种文字处理软件上倾斜按钮是一个i字母，这就是原因。
2。oblique，即真正的倾斜，这就是把一个字母向右边倾斜一定的角度产生的效果。
Windows操作系统下没有实现oblique方式的字体，只是找了一个接近它的字体来示意。 CSS中的font-style属性用来控制字体的倾斜，可以设置为“正常”、“意大利体”、“倾斜”三种样式，示例如下： font-style:normal; font-style:italic; font-style:oblique； 在Windows上不能区分italic和oblique，他们都是按照italic方式进行显示的，这不是浏览器的问题，而是操作系统不够完善。
Ps：对于中文字体来说，并不存在这么多情况。另外，中文字体的倾斜效果并不好看，因此网页上很少使用中文字体的倾斜效果。
五.设置文字加粗效果 在html中使用、或者将文字设置为粗体，在css中使用font-weight属性控制文字的粗细，可以将文字的粗细进行细致的划分，更重要的是css还可将本来是粗体的文字变成正常粗细。 font-weight属性的设置值 设置值 说明 normal 正常粗细 bold 粗体 bolder 加粗体 lighter 比正常粗细还细 100-900 共有9个层次100,200……900，越大越粗 实际上大多数操作系统和浏览器只能设置“正常”和“加粗”两种粗细，示例如下： font-weight:normal; font-weight:bold; ps：在html中和表现效果是一样的，但是没有语义，表示“突出”、“加强”含义，大多数搜索引擎都对网页中的strong很重视。
但是设计者一方面想引起重视一方面又不想以粗体显示。这时可以对使用”font-weight:normal”，这样就可以让其回复正常粗细，又不影响语义效果。
六.英文字母大小写转换 英文转换由属性text-transform属性控制，有三个值： text-transform:capitalize； /*单词首字母大写*/ text-transform:uppercase； /*全部大写*/ text-transform:lowerocase； /*全部小写*/ 示例如下： 英文字母大小写转换 #p1{ text-transform:capitalize; } #p2{ text-transform:uppercase; } #p3{ text-transform:lowercase; } hello ALL world hello ALL world hello ALL world 浏览器结果： 我们可以看到如果设置text-transform:capitalize，原来。
5语法编写网页怎么实现网址的链接
网页链接就是A标签
<a href="&&&&"></a>
&&&&；的位置填写网页地址就可以了，记得带 DIR=RTL>
文字从右到左显示，类似于古文书写方式
8. 在html中如何将单元格中的文字设置为居右或者居左显示
在表格td中，有两个属性控制居中。
1.align控制左右居中：left center right
2.valign控制上下居中：left center right
这两个属性综合使用，就可以让单元格的内容上下左右都居中显示。但有时会失效，那么在td中设置text-align为center也可。
9. 网页怎么做文字显示位置的控制
文字显示位置分别为：
水平方向（align），垂直方向（valign）
水平方向即左中右：
left（左对齐）
center（居中）
RIGHT（右对齐）
垂直方向即靠顶和靠底.
top（靠顶）、bottom（靠底）等。
一. 水平方向即左中右的代码：
<p align=left>
<font style=font:15pt face=黑体 color=fff000>向左对齐</font></P>
<p align=CENTER>
<font style=font:15pt face=黑体 color=fff000>表示居中</font></P>
<p align=RIGHT>
<font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>
说明:
金钥匙就不显示了, 其实是很明显的, 看文字你就知道具体的方位了!
下面我们用图片做出来的效果代码, 对大家的帮助和学习是实例的意义, 理解起来就清楚得多了;
代码如下:
<CENTER>
<TABLE width=480 height=320 bordercolor=olive background=http://img.bimg.126.net/photo/jo8HqUwaHI7sW-so_hKerg==/1988339235485514743.jpg border=18>
<TBODY>
<TR>
<td align=center valign=top><br>
<FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#ff00ff> <B>
<p align=left>金钥匙</P><br>
<p align=CENTER>喜欢你的到来!</P><BR><BR>
<p align=RIGHT>朋友<br>你好!</P></B></FONT>
</TD></TR></TOBDY><尺猜/TABLE></CENTER>
显示:
金钥匙
喜欢你的到来!
朋友
你好!
说明;
1. 代码中红色的就是图片的地址, 大家是可以换的!
2. 代码中粉色的是文字的标签, 它里面的含义包括了文字设置的大小; 文字的字体; 文字的颜色值; 这些都是可以调整的!
3. 代码中黄色的就是直接显示文字的位置了, 其实就是水平方向即左中右的代码!
二. 靠顶和靠底的代码：
垂直方向valign）靠顶的代码侍启：
<TD align=LEFT valign=top>居左靠顶</TD>
<TD align=center valign=top>居中靠顶</TD>
<TDalign=RIGHT valign=top>居右靠顶</TD>
垂直方向valign）靠底的代码：
<TD align=LEFT valign=bottom>居左靠底</TD>
<TD align=center valign=bottom>居中靠底</TD>
<TD align=RIGHT valign=bottom>居右靠底</TD>
文字输出位置垂直方向的代码是设置在一张空表格的单元格里（TD）和(/TD)，方便易用。
实例如下：
<CENTER>
<TABLE width=480 height=320 bordercolor=olive background=http://sucai.heima.com/sucai/news/bg/59.jpg border=18>
<TR>
<TD>
<TABLE width=460 height=320 bordercolor=olive border=0>
<TR>
<TD align=LEFT valign=top height=80><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B></FONT></TD></TR>
<TR>
<TD align=center valign=top height=160><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
居中靠顶的代码<BR><老困如h3>align=center valign=top</h3></B></FONT></TD></TR>
<TR>
<TD align=RIGHT valign=bottom height=80><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
居右靠底的代码<BR><h3>align=RIGHT valign=bottom</h3></B></FONT>
</TD></TR></TABLE>
</TD></TR></TABLE></CENTER>
显示:
居左靠顶的代码
align=LEFT valign=top
居中靠顶的代码
align=center valign=top
居右靠底的代码
align=RIGHT valign=bottom
说明:
◇垂直方向设置必须在表格的单元格里（TD）和(/TD)。
◇本实例在图框内插入一张空表格，分为三横排。
◇根据各行插入内容设置高度。
◇在一张表格中，设置每一行的关键语句。
行的开始标签：
<TR>
<TD align=center valign=top height=160>
插入内容
行的结束标签：
</TD></TR>
代码命令注解:
一、字体语法：
align=center 字体居中
align=right 字体居右
align=left 字体居左
align=up 字体居上
align=down 字体居下
<font color=ff000>...</font> 字体颜色
face=华文行楷表示字体
<font style=font:30pt face=新宋体 color=#ff0000>文字</font>
font:30pt 数值大文字就大
<font size=1>...</font> 最小字体
<font size=7>...</font> 最大字体
<h1>...</h1> 标题字(最大 )
<h6>...</h6> 标题字(最小)
<b>...</b>粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<big>...</big> 字体加大
<marquee>...</marquee> 移动字体(走马灯)
<dfn>...</dfn> 斜体字(表示定义)
<u>...</u> 底线
<ins>...</ins> 底线(表示插入文字)
<strike>...</strike> 横线
<s>...</s> 删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd> 键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp 固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext> 固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font style ="font-size:100px">...</font> 无限增大
二、区断标记：
<hr> 水平线
<hr size="9" 水平线(设定大小)
<hr width="80%"> 水平线(设定宽度)
<hr color="ff0000"> 水平线(设定颜色)
<br> (换行)
空格命令
<nobr>...</nobr> (不换行)
<p>...</p>(段落)
<center>...</center> 置中 <!>连结格式
<base href=地址> (预设好连结路径)
<a href=地址></a> 外部连结
<a href=地址 target="_blank"></a> 外部连结(另开新窗口)
<a href=地址 target="_top"></a> 外部连结(全窗口连结)
<a href=地址 target="页框名"></a> 外部连结(在指定页框连结)
三、贴图/音乐：
<img src=图片地址> 贴图
<img src=图片地址 width="180"> 设定图片宽度
<img src=图片地址 height="30"> 设定图片高度
<img src=图片地址 alt="提示文字"> 设定图片提示文字
<img src=图片地址 border="1"> 设定图片边框
<bgsound src=MID音乐文件地址> 背景音乐设定
<body background="背景图片地址"> 贴背景
<body bgcolor="#ff0000"> 设定背景颜色
<embed src="flash地址" width="宽度" height="高度"> 贴Flash图
<img dynsrc="影视文件地址" width="宽度" height="高度" start=mouseover> 贴影视
<iframe src="相关地址" width="宽度" height="高度"></iframe> 贴网页
<A href="对方网址">写文字 文字连接
<a href="对方网址"><IMG src="图片地址" border=0> 图片连接
<DIV><FONT face=黑体 color=#ff0000 size=4> <A href="对方网址">文字</DIV> 彩色文字连接
<P align=center><FONT color=#0066ff face=华文行楷 size=5>插入文字</FONT></P>设定文
四、滑动语法：
<marquee>...</marquee>普通滑动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回滑动
<marquee direction=down>...</marquee>向下滑动
<marquee direction=up>...</marquee>向上滑动
<marquee direction=right></marquee>向右滑动
<marquee direction=left></marquee>向左滑动
<marquee loop=2>...</marquee>滑动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=2>...</marquee>设定滑动速度数值
<marquee scrolldelay=200>...</marquee>设定滑动时间
<marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑动停顿
<body background="背景图片地址" body bgproperties=fixed>固定背景不随滚动条滚动
五．表格语法：
<table aling=left>...</table>表格位置,置左
<TABLE aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗口
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
10. 求网页文字居右代码急急急！
在页面里这样链碧槐写，把棚友你要居右的文字写上<li>你慧梁的文字</li>
在页面里面再写
<style type="text/css">
li{
text-align:right;
list-style:none;}
</style>