- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
ch9使用css样式三
常用的CSS属性
1、颜色与背景
2、文本样式属性
3、边框属性
4、方框属性
5、列表属性
6、定位属性
7、链接属性
;3 边框属性;html
head
title边框宽度 border-width/title
style type=text/css
.d1 {border-style:solid;}
.d2 {border-width:thin;border-style:solid;}
.d3 {border-width:thick;border-style:solid;}
.d4 {border-width:10px;border-style:solid;}
.d5 {border-width:5mm;border-style:solid;}
/style
/head
body
div class= d1这个div的CSS边框宽度(border-width)属性缺省值是medium/div
br
div class= d2这个div的CSS边框宽度(border-width)属性值是thin。/div
br
div class= d3这个div的CSS边框宽度(border-width)属性值是thick。/div
br
div class= d4这个div的CSS边框宽度(border-width)属性值是10px。/div
br
div class= d5这个div的CSS边框宽度(border-width)属性值是5mm。/div
/body
/html;边框属性 (2)
border-style:设定边框风格样式
none(无边框),dotted(点线式)、dashed(破折线)、solid(直线),double(双线)、groove(槽线)、ridge(脊线)、inset(内嵌)、outset(突起)
.s2 {
border-width: 1px;
border-style: solid;
};html
head
title边框风格属性 border-style /title
style type=text/css
.d1 {border-style:none;}
.d2 {border-style:solid;}
.d3 {border-style:dotted;}
.d4 {border-style:dashed;}
.d5 {border-style:double;}
.d6 {border-style:groove;}
.d7 {border-style:ridge;}
.d8 {border-style:inset;}
.d9 {border-style:outset;}
/style
/head
;边框属性 (3)
border-color:设定边框颜色
Web颜色值
.s3 {
border-width: 1px;
border-style: solid;
border-color: red;
};html
head
title边框颜色属性 border-color/title
style type=text/css
.d1 {border-color:#FFA500;border-style:solid;}
.d2 {border-color:#33CC00;border-style:solid;}
.d3 {;border-color:#6600FF;border-style:solid;}
.d4 {border-color:#FF6347;border-style:solid;}
.d5 {border-color:gray;border-style:solid;}
/style
/head
body
div class= d1这个div的CSS边框颜色(border-color)属性值是橙色。/div
br
div class= d2这个div的CSS边框颜色(border-color)属性值是绿色。/div
br
div class= d3这个div的CSS边框颜色(border-color)属性值是蓝色。/div
br
div class= d4这个div的CSS边框颜色(border-color)属性值是番茄红。/div
br
div class= d5这个div的CSS边框颜色(border-color)属性值是灰色。/div
br
/body
/html
;上下左右四个边框可以统一设定,也可以分开设定
border-top、border-bottom、border-left、border
您可能关注的文档
最近下载
- 平度2018年蓼兰镇西何家店村滑溪头连片打造美丽乡村示.doc VIP
- 《法律基础知识》试题库(含答案).pdf VIP
- 电商达人LV1-LV2等级提升试卷.docx VIP
- 捷顺智能道闸安装调试说明书a 1.pdf VIP
- 37、餐厅菜品研发流程.pdf VIP
- 平度市2018蓼兰镇西何家店村、滑溪头连片打造美丽乡村示.doc VIP
- 医院设备科干事面试题及参考答案结构化面试题.docx VIP
- 2025庆元旦迎新年晚会PPT模板.pptx VIP
- 2023-2024学年语文三年级上学期《期末测试卷》附答案解析 .pdf VIP
- 房地产市场年报-2020年天津市房地产市场年报.pdf VIP
文档评论(0)