css-content

    0熱度

    1回答

    我使用:後讓自己的半徑和梯度的邊界,如: #main .element { border-radius: 10px; background: #FFF; } #main .element:after { border-radius: 10px; background: linear-gradient(red, blue);

    2熱度

    1回答

    https://jsfiddle.net/2gf6gq0s/ 我用::after僞元素在我的文檔中插入文本的文本: <div class="foo"></div> <div>test</div> <style> .foo::after { content: "hello johnny"; } </style> 但是,如果我按Ctrl + F查找文本,我無法找到一個詞「你好」或單詞「j

    0熱度

    1回答

    首先讓我承認我是CSS的初學者。我最近遇到了一個不錯的網站:http://www.sitepoint.com/better-solution-managing-z-index-sass/,並且很想知道「CSS」旁邊顯示的是「3」。當我試圖檢查螢火蟲時,我看到一個類別名稱爲「.category-css.icon-category:before」,其中包含content屬性,它有一些奇怪的內容。 您能

    0熱度

    3回答

    在我開始之前,我想說明我對HTML很陌生,而且我是自學的。我剛剛開始學習,還有很多東西需要學習。 我的問題似乎很簡單,但我似乎無法弄清楚。頁面上的其他所有內容都很好,只是頁腳就是問題所在。在全屏頁腳綿延瀏覽器窗口的整個寬度: 但萎縮時,它接受窗口的尺寸,但它不居中的窗口: 這是我在頁腳樣式表中使用的代碼。 div#footer{ background-color: #37184c;

    7熱度

    1回答

    我正在尋找一種方法爲:after和:before中的CSS內容屬性添加HTML標記。 與this question不同,它只討論添加符號如<。我想添加的東西是這樣的: .breadcrumbs li a:before { content: '<i class="icon"></i>'; } 是否有任何可能的方式來做到這一點?

    0熱度

    1回答

    我想知道,如果我可以使用CSS來加載背景,如果屬性得到一個特定的類。爲了演示,它應該在hover上加載。 HTML <div id="testdiv" title="http://www.thesearchagents.com/wp-content/uploads/2013/11/Google-Search.jpg">hover me...</div> CSS #testdiv {

    -1熱度

    2回答

    我正在嘗試製作帶有拖尾欄的標題。我使用了僞元素::after。 我的問題是標題的背景顏色應該「阻擋」位於標題本身「下」的::after元素的部分 - 但它不會。 HTML: <div> <h3>TEST</h3> <p>blah blah blah blah blah blah blah blah blah blah blah</p> <h3>TEST 2</h3>

    0熱度

    3回答

    我很好奇,想知道爲什麼以下元素具有不同的高度: <i class="icon"></i> <i class="noicon"></i> i { display: inline-block; width: 1em; height: 1em; } i.icon:before { content: 'Ω'; } i.noicon:before { conten

    2熱度

    1回答

    我想在div標記之後添加一個三角形。因此我在僞元素之後使用了css3。但它不起作用。以下是我的CSS規則。 .header-wrapper .part1 ::after { width: 0; height: 0; border-left: solid 48.35px #f21e1e; border-bottom: solid 48.35px transpa

    0熱度

    1回答

    我試圖用CSS計數器建立3級有序列表。 ol { counter-reset: paragraph; list-style-type: none; margin-bottom: 1em; font-weight: bold; } ol > li::before { counter-increment: paragraph; content: "§" counter(paragra