Einführung

Vorheriger Artikel --Qiita dominierte den Geschmack, daher habe ich versucht, nur den Chot mit "CSS" zu färben.

Abschlussbildschirm

Letzte Überlegung

`err.or`


app.rb:2:in `require': cannot load such file -- sinatra/reloader (LoadError)

Es war nur so, dass "Sinatra-Contrib" zu "Gruppe: Entwicklung" wurde. CSS Es ist nicht cool, in einer Reihe aufzustellen, deshalb habe ich beschlossen, nur den Firmennamen anzuzeigen und auf den Routennamen zu klicken, um ihn anzuzeigen.

`style.css`


.btm {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    padding: 0 10px;
}
.container input:checked + .btm {
    height: auto;
    padding: 0 10px 10px 10px;
    background-color: lightsalmon;
}

Ich denke, es ist versteckt, weil "Höhe" 0 ist. ~~ Ergebnis in Ordnung ~~

Zusammenfassung

Erste App-Korrektur
Machen Sie sich mit CSS vertraut

Referenzierte Site

[RUBY] Dekorieren Sie Ihre Sinatra-App mit CSS