【代碼筆記】Web-CSS-CSS 教程

endless_road 發布于2019-04-23 11:55 / 3180人閱讀

一，效果圖。

二，代碼。

DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS 教程title>
    <style>
    body {
        background-color: #d0e4fe;
    }
    
    h1 {
        color: range;
        text-align: center;
    }
    
    p {
        font-family: "Times New Roman";
        font-size: 20px;
    }
    style>
head>

<body>
    <h1>css 實例!h1>
    <p>這是一個段落p>
body>

html>

參考資料：《菜鳥教程》

云服務器 GPU云服務器 php 代碼審計筆記代碼教程 css代碼教程 html代碼教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1349.html

【代碼筆記】Web-CSS-CSS 語法

一，效果圖。二，代碼。 DOCTYPE html> CSS 語法 p { color: red; text-align: center; } Hello world! this paragraph is styled with css ? 參考資料：《菜鳥教程》

zhangwang 2019-04-23 11:55 評論0 收藏0
【代碼筆記】Web-CSS-CSS id和Class選擇器

一，效果圖。二，代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...

Pluser 2019-04-23 11:54 評論0 收藏0
【代碼筆記】Web-CSS-CSS background背景

摘要：實例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復，設置實例背景圖片只顯示一次，并與文本分開實例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程一，效果圖。二，代碼。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...

番茄西紅柿 2019-04-23 11:54 評論0 收藏0
【代碼筆記】Web-CSS-CSS Fonts(字體)

一，效果圖。 ? 二，代碼。 ? DOCTYPE html> CSS Fonts(字體) body { font-size: 100%; } h1 { font-style: normal; font-size: 40px; font-size: 2.5em; ...

dance 2019-04-23 11:53 評論0 收藏0
【代碼筆記】Web-CSS-CSS 鏈接(link)

一，效果圖。二，代碼。 DOCTYPE html> CSS 鏈接(link) a:link { color: #ff0000; text-decoration: none; background-color: #b2ff99; } a:visited { co...

tracy 2019-04-23 11:53 評論0 收藏0