精通 CSS+DIV 网页样式与布局 62

式并允许将样式信息与网页内容分离的一种标记性语言。CSS 是 1996 年由 W3C
审核通过，并且推荐使用的。简单的说 CSS 的引入就是为了使得 HTML 能够更
好的适应页面的美工设计。它以 HTML 为基础，提供了丰富的格式化功能，如
字体、颜色、背景、整体排版等等，并且网页设计者可以针对各种可视化浏览器
设置不同的样式风格，包括显示器、打印机、打字机、投影仪、PDA 等等。CSS
的引入随即引发了网页设计的一个又一个新高潮，使用 CSS 设计的优秀页面层
出不穷。</p>
</body>
</html>
<html>
<head>
<title>念奴娇赤壁怀古</title>
<style>
<!–
body{
background:url(bg9.jpg) no-repeat center top; /* 页面背景 */
margin:0px; padding:0px;
text-align:center;
}
div.content{
height:260px;
writing-mode:tb-rl; /* 竖排版文字 */
width:620px;
text-align:left;
border:3px solid #666666;
line-height:30px;
padding-top:15px; padding-right:8px;
background: url(bg10.jpg) no-repeat; /* 文字部分背景 */
}
–>
</style>
</head>
<body>
<div style=”height:90px;”></div>
<div class=”content”>
大江东去<br>浪淘尽<br>千古风流人物<br>
故垒西边人道是<br>三国周郎赤壁<br>
乱石穿空<br>惊涛拍岸<br>卷起千堆雪<br>
江山如画<br>一时多少豪杰<br>
遥想公谨当年<br>小乔初嫁了<br>雄姿英发<br>
羽扇纶巾谈笑间<br>强虏灰飞烟灭<br>
故国神游<br>多情应笑<br>我早生华发<br>

精通 CSS+DIV 网页样式与布局 62相关推荐

精通CSS.DIV网页样式与布局（五） ——设置表格与表单样式
原文地址为: 精通CSS.DIV网页样式与布局(五) --设置表格与表单样式表格和表单是网页中非常重要的两个元素,我们这次来说说CSS如何设置表格和表单样式.我们先来看看CSS如何控制表格. 首先表 ...
精通CSS.DIV网页样式与布局（四） ——页面背景
咱们这回来讲讲CSS如何对网页的背景进行设置,网页的背景是整个网页的重要组成部分,他直接决定了整个网页的风格和色调.我们这回主要来学习如何用CSS来设置背景颜色.背景图片. 背景颜色:CSS设置背景颜 ...
精通CSS+DIV网页样式与布局--页面背景
上篇博客,我们主要简单的总结了CSS的图片效果,我们这回来讲讲CSS如何对网页的背景进行设置,网页的背景是整个网页的重要组成部分,她直接决定了整个网页的风格和色调.这篇博客简单的总结一下如何用CSS来 ...
精通CSS+DIV网页样式与布局--CSS段落效果
在上一篇博文中,小编主要详细的介绍了CSS是如何控制文字的显示效果,随着需求的不断变更,那么我们如何对段落进行相关操作,以达到我们想要的效果呢,接下来,为了需要,小编继续来完善CSS对段落的控制的显示 ...
精通CSS+DIV网页样式与布局——CSS文字效果
一.文字样式 1.1字体 font-family:黑体; 1.2字体大小. font-size: 0.5px; 1.3字体颜色. color:#333333; 1.4文字粗细. font-weight ...
精通CSS.DIV网页样式与布局（二）—— 段落
我们在上一个文章中详细的阐述了CSS是如何控制文字的显示效果的,接下来,为了需要,我们继续来完善CSS对段落的控制的显示效果. 我们看看段落的水平对齐方式: 看一段代码: <html> & ...
精通 CSS+DIV 网页样式与布局 57
且走."开始狄青不信,后来宋军先锋与南侬智高的兵交战,不机回合,智高战败并逃入大理国.何仙姑经常手持荷花.</p> <p class="title2" ...
精通 CSS+DIV 网页样式与布局 55
老者传授锺离权"长真决",及金丹火候和青龙剑法.锺离汉后来遇见华阳真人, 又遇上仙王玄甫,学得"长生决".最后在崆峒山紫金四皓峰居住,得到"玉匣秘诀 ...
精通 CSS+DIV 网页样式与布局 54
margin:0px; } img{ border:1px solid #664a2c; /* 图片边框 */ } img.pic1{ float:left; /* 左侧图片混排 */ margin- ...

精通 CSS+DIV 网页样式与布局 62

精通 CSS+DIV 网页样式与布局 62相关推荐

最新文章

热门文章