How to add borders or font amplification effects to text in css (detailed code explanation)

In the previous article " Teach you step by step how to use css3 to add shadow effects to text (detailed code explanation)", I introduced you how to use cs3 to add shadow effects to text. The following article will introduce to you how to use CSS to add borders or font amplification effects to text. Let’s see how to do it together.

How to add borders or enlarge fonts to text using css

Text borders

p{ border:2px solid blue;｝

Text border code example

   
  
中文网1
 
中文网2
 
中文网3
  

Code rendering

Font enlargement

Select all

elements by element name p

p{}

pSpecify style rules

p {font-size:200%;} 将字体放大1倍

Font amplification code example

      
  
php中文网
 
php中文网
 
php中文网
 
php中文网
  

Font amplification code rendering

If you want all paragraphs to have a gray background , use the element selector

to define

p{background:lightgray;} 选中所有的
设置背景色：亮灰色。

Code example

      
  
php中文网
 
php中文网
 
php中文网
 
php中文网
  

Code rendering

Recommended learning: CSS video tutorial

The above is the detailed content of How to add borders or font amplification effects to text in css (detailed code explanation). For more information, please follow other related articles on the PHP Chinese website!