zoukankan      html  css  js  c++  java
  • [置顶] border的使用

    border默认样式为none,默认颜色为盒内字体颜色,如果没有设置字体颜色的话,则默认向上一级继承,<style type="text/css">
    
    #box {
    	500px;
    	height:400px;
    	padding:8px 24px;
    	margin:6px;
    	border-style:outset;
    	border-4px;
    	border-color:#aaa;	
    	font-size:14px;
    	color:#D02090;
    	list-style-position:inside;
    	}
    #box h2 {
    	padding-bottom:12px;
    	border-bottom-style:double;
    	border-bottom-6px;
    	border-bottom-color:#999;
    	text-align:center;
    	color:#000000;
    	}
    #box li {
    	padding:6px 0;
    	border-bottom-style:dotted;
    	border-bottom-1px;
    	border-bottom-color:#66CC66;
    	}	
    </style>
    
    <ol id="box">
    	<h2>边框样式应用</h2>
    	<li>none:默认值,无边框,不受任何指定的border-width值影响。</li>
    	<li>hidden:隐藏边框,IE不支持。</li>
    	<li>dotted:定义点线。</li>
    	<li>dashed:定义虚线。</li>
    	<li>solid:定义实线。</li>
    	<li>double:定义双线边框,两条线及其间隔宽等于指定的border-width值。</li>
    	<li>groove:根据border-color值定义3D凹槽。</li>
    	<li>ridge:根据border-color值定义3D凸槽。</li>
    	<li>inset:根据border-color值定义3D凹边。</li>
    	<li>outset:根据border-color值定义3D凸边。	</li>
    </ol>
    



  • 相关阅读:
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    实现微信小程序和支付宝小程序二维码合并
    Solr教程:1.下载和安装
    如何生成漫画风图片无需下载APP无需PS无需电脑
  • 原文地址:https://www.cnblogs.com/wsq724439564/p/3258184.html
Copyright © 2011-2022 走看看