Skip to content

Instantly share code, notes, and snippets.

@sakage24
Created August 16, 2017 11:00
Show Gist options
  • Save sakage24/c96e86773e6a87cd44c542b260ff957e to your computer and use it in GitHub Desktop.
Save sakage24/c96e86773e6a87cd44c542b260ff957e to your computer and use it in GitHub Desktop.
wordpress用にcssいじってみよう
h1
{
border-left: 0.4em ridge black;
border-bottom: 0.1em groove black;
padding-left: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin: 1em;
}
h2
{
border-bottom: 0.1em ridge black;
padding-left: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.4em;
margin: 1em;
}
h3 {
background-color: rgba(76, 217, 100, 20);
color: #fff;
margin: 1em;
padding: 1em;
position: relative;
}
h3::after {
content: "";
border-color: #853e04 #fff #fff #853e04;
border-style: solid;
border-width: 0 0 24px 24px;
bottom: 0;
position: absolute;
right: 0;
}
h4
{
background-color: rgba(255, 59, 48, 20);
color: #eee;
margin: 1em;
padding: 1em;
}
h5
{
background-color: #eee;
color: black;
margin: 1em;
padding: 0.5em;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>こんにちは!!!</h1>
<h2>こんにちは!!!</h2>
<h3>こんにちは!!!</h3>
<h4>こんにちは!!!</h4>
<h5>こんにちは!!!</h5>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment