css 文字环绕与元素居中代码

发布时间:2021-01-03编辑:脚本学堂
本文介绍了css 文字环绕的实现代码,以及css 元素居中的实例,有需要的朋友参考下。

1,css代码
css 文字环绕 元素居中 xml
 

复制代码 代码示例:

title,author,verse{
display:block;
}

poem{
background-image:url(poem2.jpg);
width:791;height:795;
}

title{
position:absolute;
top:55%;
left:25%;
color:yellow;
font-size:30px;
}

author{
position:absolute;
top:63%;
left:30%;
color:blue;
font-size:20px;
}

verse{
position:absolute;
top:70%;
left:22%;
color:white;
font-size:18px;
}

verse br{
display:list-item;
}

css 文字环绕图片

2,xml文件
 

复制代码 代码示例:
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/css" href="http://cart55free99.blog.163.com/blog/poem02.css"?>
<poem>
    <title>静夜思</title>
    <author>唐 李白</author>
    <verse>
        <br>床前明月光</br>
        <br>疑是地上霜</br>
        <br>举头望明月</br> 
        <br>低头思故乡</br>
    </verse>
</poem>

1,css代码
 

复制代码 代码示例:

css 文字环绕 元素居中 xml
title,period,commentary,resume{
text-align:center;
display:block;
}

title{
font-size:30px;
color:blue;
}
period{
font-size:25px;
color:red;
}

summary{
display:block;
font-style:italic;
font-size:25px;
}

resume{
color:purple;
padding:20px;

border-style:solid;
border-bottom-color:green;
border-top-color:green;
border-left-color:orange;
border-right-color:orange;

width:580px;/*让李白显示在下面*/
position:absolute; 
left:25%;  //居中
}

commentary{
color:brown;
font-style:italic;
font-size:25px;
}

picture{
width:139;height:106;
background-image:url(libai.jpg);
background-repeat:no-repeat;
margin:20px;
/*实现文字环绕*/
float:left;/*浮动到上一元素的左边*/
clear:left;
}

3,xml文件
 

复制代码 代码示例:
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="http://cart55free99.blog.163.com/blog/intro_libai.css"?>
<paper>
    <title>李白</title>
    <period>(701-762)</period>
    <summary>作者简介</summary>
    <picture/>
    <commentary>
        李白 (701—762年),唐朝,汉族,身高六尺六,字太白,号青莲居士,四川江油人,唐代伟大的浪漫主义诗人。其诗风豪放飘逸,想象丰富,语言流转自然,音律和谐多变。他善于从民歌、神话中汲取营养素材,构成其特有的瑰丽绚烂的色彩,是屈原以来积极浪漫主义诗歌的新高峰,与杜甫并称“大李杜”,是唐代伟大的浪漫主义诗人,又称为“诗仙”。其诗想象丰富,构思奇特,气势雄浑瑰丽,风格豪迈潇洒,是盛唐浪漫主义诗歌的代表人物。
    </commentary>
    <resume>
        日照香炉生紫烟,遥看瀑布挂前川。飞流直下三千尺,疑是银河落九天。
        作者 李白
    </resume>
</paper>