Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="container">
  萌芽網頁
</div>
<br><br>
<div class="container">
  萌芽網頁
</div>
<br><br>
<div class="container">
  萌芽網頁
</div>
<br><br>
<div class="container">
  萌芽網頁
</div>
              
            
!

CSS

              
                body {
  background: #000 fixed center repeat url(data:image/jpeg;base64,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);
  padding: 15px;
}

.container {
  width: 150px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  color: #FFF;
  background: rgba(131, 72, 0, 0.5);
  backdrop-filter: blur(10px); /* 毛玻璃 */
  border-radius: 5px;
}
              
            
!

JS

              
                
              
            
!
999px

Console