ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS はシンプルなフラット ボタンを実装します
まずボタンのスタイルを見てみましょう:
(推奨チュートリアル: CSS チュートリアル)
特定のコード:
<button id="btn">打印</button> //js写法 $("#btn").css({ "font-family": "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif", "font-size": "13px!important", "height": "30px", "line-height": "18px!important", "padding": "3px 18px", "display": "inline-block", "vertical-align": "middle", "font-weight": "normal", "border-radius": "2px", "margin": "0 8px 0 3px", "border": "1px solid #3383da", "color": "#ffffff", "background-color": "#3383da" }); //css写法 #btn{ font-family: "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif"; font-size: 13px!important; height: 30px; line-height: 18px!important; padding: 3px 18px; display: inline-block; vertical-align: middle; font-weight: normal; border-radius: 3px; margin: 0 8px 0 3px; border: 1px solid #3383da; color: #ffffff; background-color: #3383da; cursor: pointer; }
以上がCSS はシンプルなフラット ボタンを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。