- 1、本文档共38页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
CSS样式实例——内部样式表 HTML HEAD STYLE type=text/css H1.mylayout {border-width: 1; border: solid; text-align: center;color:red} /STYLE /HEAD BODY H1 class=mylayout 这个标题使用了Style。/H1 H1这个标题没有使用Style。/H1 /BODY /HTML CSS样式实例——内部样式表 HTML HEAD TITLEGeneric Class Selector /title STYLE TYPE=text/css .center {text-align:center} /STYLE /HEAD h1 class = center这个标题居中显示。/h1 p class = center这个段落居中显示。/p /BODY /HTML CSS样式实例——外部样式表 HTML HEAD link href=../asdocs/css_tutorials/home.css rel=stylesheet type=text/css /HEAD BODY H1 class=mylayout 这个标题使用了Style。/H1 H1这个标题没有使用Style。/H1 /BODY /HTML CSS样式实例——背景颜色属性 html head title背景颜色 background-color/title style type=text/css body {background-color:#99FF00;} /style /head body p这个HTML使用了CSS的background-color属性,将HTML的背景颜色变成翠绿色。p /body /html CSS样式实例——背景重复属性 html head title背景重复 background-repeat/title style type=text/css body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:repeat-y} /style /head body p这个HTML使用了CSS的background-repeat属性,使背景图片竖向重复。p p常用的background-repeat的属性值有: repeat-x(横向重复),repeat-Y(横向重复), no-repeat(不重复)。/p pbackground-repeat属性要和background-image一起用。/p /body /html CSS样式实例——边距属性 HTML HEAD TITLECSS边距属性 margin/TITLE STYLE type=text/css .D1{border:1px solid #FF0000;} .D2{border:1px solid gray;} .D3{margin:0.5cm 1cm 2.5cm 1.5cm;border:1px solid gray;} /STYLE /HEAD BODY DIV CLASS=D1 DIV CLASS=D2没有margin/DIV /DIV P上面两个div没有设置边距属性(margin),仅设置了边框属性(border)。外面那个div的border设为红色,里面那个div的border属性设为灰色。/P P和上面两个div的CSS属性设置不同的是,下面两个div中,里面的那个div设置了边距属性(margin),设定上边距为0.5cm,右边距为1cm,下边距为2.5cm,左边距为1.5cm。/P DIV CLASS=D1 DIV CLASS=D3上下左右边距宽度各不同/DIV /DIV /BODY /HTML CSS样式实例——文本修饰属性 html head title文本修饰属性 text-decoration/title style type=text/css .p1{text-decoration: none} .p2 {text-decoration: underline} .p3{text-decoration: line-through} .p4 {text-decoration:overline} /style /head body p class = p1文本修饰属性(text-decoration)的缺省值是none。/p p class = p2这段的文本修饰属性(text-decoration)值是underline。/p p class = p3这段的文本修饰属性(text-decorati
您可能关注的文档
最近下载
- 100MW光伏项目工程量清单(例).xlsx VIP
- 初中数学人教版八年级上册第十一章三角形单元复习全国公开课.docx VIP
- 触电事故应急处置.pptx VIP
- 纳米材料国内外研究进展纳米材料的应用与制备方法.docx VIP
- 浙教版(2023)劳动技术一年级上册教学设计(附教材目录).docx VIP
- 努南综合征-临床及分子诊断.pptx
- 幼儿园小班社会课件《我会排排队》.pptx
- 2024年秋新沪科版九年级上册化学全册教学课件(新教材).pptx
- 2021高三一模浦东作文:生活中处处有墙……解析及范文.pdf VIP
- (新人教版)数学六年级上册第2单元《位置与方向(二)》大单元教学课件.pptx
文档评论(0)