记录下常用的一些边框的样式及颜色
<style type="text/css">
.solid{border-style:solid; padding:20px;text-align:center;border-color:#c0c0c0}
.dashed{border-style:dashed;padding:20px;text-align:center;border-color:#0000FF}
.dotted{border-style:dotted;padding:20px;text-align:center;border-color:#A52A2A}
.double{border-style:double;padding:20px;text-align:center;border-color:#33FF33}
.inset{border-style:inset;padding:20px;text-align:center;border-color:#990099}
.outset{border-style:outset;padding:20px;text-align:center;border-color:#FF0099}
</Style>
以上代码直接在html中用div调用即可使用。
<style type="text/css">
.solid{border-style:solid; padding:20px;text-align:center;border-color:#c0c0c0}
.dashed{border-style:dashed;padding:20px;text-align:center;border-color:#0000FF}
.dotted{border-style:dotted;padding:20px;text-align:center;border-color:#A52A2A}
.double{border-style:double;padding:20px;text-align:center;border-color:#33FF33}
.inset{border-style:inset;padding:20px;text-align:center;border-color:#990099}
.outset{border-style:outset;padding:20px;text-align:center;border-color:#FF0099}
</Style>
实线细边框
实线细边框
实线细边框
实线细边框
实线细边框
实线细边框
以上代码直接在html中用div调用即可使用。
转载请注明:首页 > 学习笔记 > 网站技能 ? HTML中的框线样式