### 前提・実現したいことボタンを押し込んでいる表現をしたいのですが、うまくできません ### 発生している問題・エラーメッセージ写真の　さっそく開発する　のボタンが押し込めれるようにしたいのですが、できませんf ### 該当のソースコード CSS、HTML Progate

LEARN TO CODE.

LEARN TO BE CREATIVE.

Progateはオンラインプログラミング学習サービスです。

初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。

Facebookで登録 Twitterで登録

Learn Where to Get Started!

HTML & CSS

ウェブページの作成に使用される言語です。HTMLとCSSを組み合わせることで、静的なページを作り上げることができます。

jQuery

素敵な動きを手軽に実装できるJavaScriptライブラリです。アニメーション効果をつけたり、Ajax（エイジャックス）を使って外部ファイルを読み込んだりと色々なことができます。

Ruby

オープンソースの動的なプログラミング言語で、シンプルさと高い生産性を備えています。大きなWebアプリケーションから小さな日用ツールまで、さまざまなソフトウェアを作ることができます。

PHP

HTMLだけではページの内容を変えることはできません。PHPはHTMLにプログラムを埋め込み、それを可能にします。

さぁ、あなたもProgateでプログラミングを学んでみませんか？

Let's learn to code. learn to be creative!

さっそく開発する

ここからCSS html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, div { margin: 0; padding: 0; } body { font-family: 'Hiragino Kaku Gothic ProN W3', sans-serif; } li { list-style: none; } a { text-decoration: none; } /* ここからCSSを書いていきましょう */ .container{ width:1170px; margin:0 auto; } .top{ background-image:url(https://prog-8.com/images/html/advanced/top.png); background-size:cover; padding:180px 0 100px 0; color:white; text-align:center; } .top h1{ font-size:45px; letter-spacing:5px; opacity:0.7; } .top p{ opacity:0.7; margin-bottom:15px; } .btn{ padding:8px 24px; color:white; display:inline-block; opacity:0.8; border-radius:4px; } .signup{ background-color:#239b76; margin-top:15px; margin-bottom:15px; } .twitter{ background-color:#55acee; } .facebook{ background-color:#3b5998; margin-right:10px; } .btn:hover{ opacity:1; } header{ height:65px; width:100%; background-color:rgba(34,49,52,0.9); position:fixed; top:0; z-index:10; } .logo{ width:124px; margin-top:20px; } .header-left{ float:left; } .header-right{ float:right; background-color:rgba(255,255,255,0.3); transition: all 0.5s; } .header-right:hover{ background-color:rgba(255,255,255,0.5); } .header-right a{ line-height:65px; padding:0 25px; color:white; display:block; } .lesson-wrapper{ height:580px; background:#f7f7f7; text-align:center; } .heading{ padding-top:80px; padding-bottom:50px; color:#5f5d60; } .heading h2{ font-weight:normal; } .lesson{ float:left; width:25%; } .lesson-icon{ position:relative; } .lesson-icon p{ position:absolute; top:90px; width:100%; color:white; } .txt-contents{ font-size:13px; display:inline-block; width:80%; margin-top:15px; color:#b3aeb5; } .message-wrapper{ padding-bottom:80px; text-align:center; color:#5f5d60; border-bottom:1px solid #eee; } .message-list h2{ font-weight:normal; } .message-list h3{ padding-bottom:50px; } .message{ background:#5dca88; padding:15px 40px; border-radius:4px; box-shadow:0 7px #1a7940; cursor:pointer; } .message :active{ position:relative; top:7px; box-shadow:none; } ### 試したこと答えも見たのですが、特に間違ったてるとこがわからなかったです。 ![![イメージ説明](285bbe5a834dfc1a8cd0f6a88a97e904.png)](7645a3d9e5cd1045ecea56696c7892d6.png) ### 補足情報（FW/ツールのバージョンなど）ここにより詳細な情報を記載してください。

	@@ -1 +1 @@
1	- b~~ack~~-shadowについて
1	+ box-shadowについて

質問編集履歴