Forked from: bgn_nakazato's 2016-11-05 1st View Diff (1) forked: 2016-11-05 1st bgn_nakazato Follow 2017-10-13 13:22:53 License: MIT License Fork0 Fav0 View165 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 2 lines HTML 1 lines CSS 15 lines forked: 2016-11-05 1st // forked from bgn_nakazato's "2016-11-05 1st" http://jsdo.it/bgn_nakazato/4zeMr <p class="line">CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。</p> forked: 2016-11-05 1st body { background-color: #fff; } .line { width: 300px; height: auto; } /* ここから罫線用CSS */ .line { padding-bottom: 0.1em; background-color: #fff; background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px); background-size: 2px 2.2em; line-height: 2.2; } // forked from bgn_nakazato's "2016-11-05 1st" http://jsdo.it/bgn_nakazato/4zeMr <p class="line">CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。CSSでノートのような罫線を引きます。複数行に対応します。罫線は1pxのドットです。</p> body { background-color: #fff; } .line { width: 300px; height: auto; } /* ここから罫線用CSS */ .line { padding-bottom: 0.1em; background-color: #fff; background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px); background-size: 2px 2.2em; line-height: 2.2; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author bgn_nakazato Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/aHg8/js"></script> css Discussion Questions on this code? Tags css
