css實現文章首字下沉顯示

要向實現下圖文章首字下沉的效果,

需要使用css3中的:first-letter屬性

代碼如下:

css代碼:

 .first::first-letter {
        font-size: 50px;
        float: left;
        color: #333;
        text-indent: 0;
        padding: 2px;
        line-height: 1em;
      }

html代碼:

 
<p class="first">
      JavaScript 誕生於 1995 年。當時,它的主要目的是處理以前由服務器端語言(如
      Perl)負責的一 些輸入驗證操作。在 JavaScript
      問世之前,必須把表單數據發送到服務器端才能確定用戶是否
      沒有填寫某個必填域,是否輸入了無效的值。Netscape Navigator 希望通過
      JavaScript 來解決這個問題。
      在人們普遍使用電話拔號上網的年代,能夠在客戶端完成一些基本的驗證任務絕對是令人興奮的。畢竟,
      撥號上網的速度之慢,導致了與服務器的每一次數據交換事實上都成了對人們耐心的一次考驗。
    </p>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章