公式のTwitter ウィジェットを、CSSだけでデザインカスタマイズする方法を紹介します。 Twitter ウィジェット:http://twitter.com/about/resources/widgets 上記のような公式プロフィールウィジェットについて、 CSSを追加するだけでいろいろなデザインカスタマイズをすることができます。 HTMLの解説 作成したウィジェットのコードをそのまま使用します。コードの改変は一切行いません。 管理しやすいように、idをtwitter_tickerとしたdivで囲みます。 </p> <p> CSSの解説 ストライプ背景を使用したデザインにしてみます。 デフォルトCSSが優先されないよう!importantを指定します。 border-radiusを0にして、丸角をなくします。 そして全体を囲むdiv、twtr-docに対して、ストライプの背景画像を指定
![Twitter ウィジェットを、CSSだけでデザインカスタマイズする方法 – LIQUID BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/87cafda456ece38338787673a1badf9ffb3ea684/height=288;version=1;width=512/https%3A%2F%2Fblog.lqd.jp%2Fimg%2Ftwitter_css.png)