边框,光标和列表样式

光标属性:

cursor:pointer|wait|help|progress;   光标变成手掌|转圈|问号|带箭头的问号

边框属性:

border-color:red;

border-width:20px;

border-style:none|solid|dotted|dashed|double|inset|outset;   无边框|实线|以点构成的边框|虚线边框|双线边框|凹|凸

以下是边框样式的效果:

border-style:solid;  :

border-style:dotted;以点构成的边框   :

border-style:dashed   虚线:

border-style:double  双线边框:

border-style:inset  3D凹边框:

border-style:outset  3D凸边框:

列表样式:

list-style-type:none|disc|circle|square|decimal|lower-alpha|upper-alpha

不使用项目符号|实心圆|空心圆|实心方块|阿拉伯数字|小写字母|大写字母

可以用于菜单,需要JS..- -暂时还不会.以下是这个图片的代码

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <style>
 6     ul{
 7         list-style:none;
 8         margin:0px;
 9         padding:0px;
10     }
11     li{
12         float:left;
13         font-size:50px;
14         margin-right:100px;
15     }
16     dd{
17         margin:0px;
19         border-bottom:2px solid green;
20         background-color:#eee;
21     }
22         </style>
23 </head>
24 <body>
25       <ul>
26           <li>
27               <dl>
28                   <dt>菜单一<dt>
29                       <dd>aaaaa</dd>
30                       <dd>bbbbb</dd>
31                       <dd>ccccc</dd>
32               </dl>
33
34           </li>
35           <li>
36               <dl>
37                   <dt>菜单二<dt>
38                       <dd>aaaaa</dd>
39                       <dd>bbbbb</dd>
40                       <dd>ccccc</dd>
41               </dl>
42           </li>
43           <li>
44               <dl>
45                   <dt>菜单三<dt>
46                       <dd>aaaaa</dd>
47                       <dd>bbbbb</dd>
48                       <dd>ccccc</dd>
49               </dl>
50           </li>
51       </ul>
52     </body>
53     </html>
时间： 2024-11-25 14:57:32

边框,光标和列表样式的相关文章

CSS声明 列表样式 显示方式 鼠标形状

列表样式 list-style-type list-style-image 显示方式: 默认显示方式 改变显示方式 鼠标形状: 如何改变属性形状 cursor属性 list-style-type: 该属性控制列表中列表项标志的样式 无序列表 有序列表 list-style-image 该属性使用图像替换列表项的标志 取值为:URL(),制定图像有序或无序列表项的标志 列表样式代码: <!doctype html> <html> <head> <title>列

CSS3——背景 文本 字体 链接 列表样式 表格

背景 background-color rgb(255,0,0,1)      最后一个值表示透明度,范围是 0--1 background-image 默认平铺重复显示 background-repeat 在页面的水平或者垂直方向平铺 background-attachment 是否固定或者随着页面的其余部分滚动 background-position 位置 文本 颜色 body {color:red;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}

CSS如何设置列表样式属性，看这篇文章就够用了

原文:CSS如何设置列表样式属性,看这篇文章就够用了 列表样式属性# 在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列表,列表的基础知识就简单说明下,本章内容主要说明的是如何给列表设置样式,若有不懂列表是什么的园友笔者建议去W3school官网进行学习. 列表样式常用的属性有4种如:list-style-type.list-style-position.lis

雪碧图，列表样式以及列表样式实现导航栏布局

雪碧图 <style> div { height: 28px; width: 28px; background-repeat: no-repeat; background-image: url("../../img/xuebitu.gif"); } #div2 { background-position: -85px 0; } #div3 { background-position: -163px -30px; } </style> <title>雪

CSS控制列表样式属性list-style有哪些？怎么用？

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

css中的列表样式

在网页设计中,我们经常将某些具有相似功能的标签放在同一组中,这时我们经常会用到列表标签(无序列表ul,有序列表ol),在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化. 在css中对列表样式主要是对列表项目前列表符号的设置,其语法如下: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian

SharePoint 2010 用xsl文件定制列表样式

有时候我们不希望列表用默认的方式显示,要我们自定义的方式定制.其中有一种方式是使用xsl文件. 在AllItems.aspx页面中,列表是以webpart的形式显示在页面上的,webpart类型是XsltListViewWebPart,当我们编辑web部件的时候,有一个属性是"XSL 链接",我们就定义一个xsl文件,然后将xsl的文件链接放到这里就完成任务了. 下面是我的xsl代码,将它保存到customstyle.xsl文件中,将这个文件复制到,/_layouts/xsl/下. 1

平台中配置网格列表样式报：ORA-01461错误

今天有客户反映,在创建表单工作流程,配置网格列表样式时,报ORA-01461:仅能绑定要插入LONG列的LONG值错误:错图截图如下: 在网上查询了下错误原因为:数据库表中有字段长度超过4000:但是通过排查发现表中没有长度超过4000的字段,那又是什么原因导致报这个错误呢? 个人估计为创建的表字段太多造成(该表一共创建了380多个字段),果然在删除一部分字段后,再配置网格列表样式时就不会报错 在此建议在创建数据库表字段时,尽可能的不要超过254个字段 原文地址:http://bbs.delit

列表样式切换

列表样式的切换 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>列表样式切换</title> <style> *{ margin: 0; padding: 0; } ul { list-style-type: none; } .box{ width: 789px; height: auto; margin: 0 auto; }