ホームページ  >  記事  >  ウェブフロントエンド  >  区切り線を実装する CSS の複数のメソッド_html/css_WEB-ITnose

区切り線を実装する CSS の複数のメソッド_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:43:101003ブラウズ





CSS で分割を実現する方法
<スタイル>
[url=home.php?mod=space&uid=597245]@charset[/url] "utf-8";
body,h1,h2,h3,h4,p,ul,li,ol,dl,dt,dd,input,textarea,figure,form{margin:0;padding:0}
body,input,textarea{font- size:12px;font-family:microsoft yahei}
body{text-align:center;color:#33383D;}
ul,ol{list-style:none}
img{border:0}
button,input {line -height:normal;*overflow:visible}
input,textarea{outline:none}
a{color:#3B8DD1;text-decoration:none}
a:hover{color:#8CAC52}
.demo-header{position :relative;height:22px;background-color:#33363B;line-height:22px;padding:2px 10px;text-align: left;}
.demo-name{color: #ccc;}
.demo-title, .demo-footer{height:0;overflow:hidden}
.demo-container{clear: Both;padding:40px 10px 20px;text-align:left;margin:0 auto;line-height: 18px;}
.demo h2{font-size: 15px;padding-bottom: 6px;margin-bottom: 20px;border-bottom: 実線 1px #ddd;}






小分間隔单标签实现





小分間隔線 巧用色实现





小分割線インラインブロック实现



小分隔線浮動来实现





????????????小分隔線字符来实现????????????



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。