2022年CSS实用教程(6)CSSHTML教程.docx

《2022年CSS实用教程(6)CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年CSS实用教程(6)CSSHTML教程.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年CSS实用教程(6)CSSHTML教程十限制列表的样式列表是HTML里一种很有用的显示方式，可以把相关的并列内容整齐地垂直排列，使网页显得整齐专业，并让阅读者有一目了然的感觉。样式表为列表增加了一些功能，限制列表的样式包括列表样式、图形符号、列表位置三个部分。1列表符号列表符号是指显示于每一个列表项目前的符号标识。基本格式如下：list-style-type：参数参数取值范围：disc：圆形circle：空心圆square：方块decimal：十进制数字lower-roman：小写罗马数字upper-roman：大写罗马数字lower-alpha：小写希腊字母upper-alpha：

2、大写希腊字母none：无符号显示参数中的disc是默认选项。2图形符号图形符号指原来列表的项目符号将可以运用图形来代替。基本格式如下：list-style-image：URLURL是用来代替项目符号的图形文件的地址，可以运用相对地址或肯定地址。3列表位置列表位置描述列表在何处显示。基本格式如下：list-style-position：参数参数取值范围：inside：在BOX模型内部显示outside：在BOX模型外部显示这里又出现了一个新的概念：BOX模型。BOX是指一种容器，包含了应用样式规则的对象，详细介绍将在后文中给出。十一限制用户界面的样式在网页上，鼠标平常呈箭头形，指向链接时成为手形

3、，等待网页下载时成为沙漏形这好像是约定俗成的。虽然这样的设计能使我们知道阅读器现在的状态或是可以做什么，但这些似乎还不能完全地满意我们的须要。就拿链接来说，可以是指向一个帮助文件，也可以是向前进一页或是向后退一页，针对如此多的功能光靠一模一样的手形鼠标是不能说明问题的。值得庆幸的是，CSS供应了多达13种的鼠标形态，供我们选择。基本格式如下：cursor：鼠标形态参数CSS鼠标形态参数表：CSS代码鼠标形态style=cursor:hand手形style=cursor:crosshair十字形style=cursor:text文本形style=cursor:wait沙漏形style=cursor:move十字箭头形style=cursor:help问号形style=cursor:e-resize右箭头形style=cursor:n-resize上箭头形style=cursor:nw-resize左上箭头形style=cursor:w-resize左箭头形style=cursor:s-resize下箭头形style=cursor:se-resize右下箭头形style=cursor:sw-resize左下箭头形（出处：