首页 > 代码库 > 边框,光标和列表样式
边框,光标和列表样式
光标属性:
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>
边框,光标和列表样式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。