diff --git a/_config.yml b/_config.yml
index 2b01f9c48b..312bfed6e7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -265,6 +265,11 @@ symbols_count_time:
   awl: 5
   wpm: 200
 
+# Manual define the border radius in codeblock
+# Leave it empty for the default 1
+codeblock:
+  border_radius: 
+
 # Wechat Subscriber
 #wechat_subscriber:
   #enabled: true
diff --git a/source/css/_common/components/highlight/highlight.styl b/source/css/_common/components/highlight/highlight.styl
index 6b540fdc3e..9b52eb9f5f 100644
--- a/source/css/_common/components/highlight/highlight.styl
+++ b/source/css/_common/components/highlight/highlight.styl
@@ -22,13 +22,12 @@ code {
   color: $code-foreground;
   background: $code-background;
   border-radius: $code-border-radius;
-  font-size $code-font-size;
+  font-size: $code-font-size;
 }
 
 pre {
   @extend $code-block;
   padding: 10px;
-
   code {
     padding: 0;
     color: $highlight-foreground;
@@ -39,7 +38,9 @@ pre {
 
 .highlight {
   @extend $code-block;
-  border-radius: 1px
+  // Read values from NexT config and set they as local variables to use as string variables (in any CSS section). 
+  hexo-config('codeblock.border_radius') is a 'unit' ? (cbradius = unit(hexo-config('codeblock.border_radius'), px)) : (cbradius = 1px) 
+  border-radius: cbradius;
 
   pre {
     border: none;
@@ -64,6 +65,10 @@ pre {
     color: $highlight-foreground;
     line-height: 1em;
     margin-bottom: 1em;
+    margin: 0em;
+    padding: 0.5em;
+    background: $code-background;
+    border-bottom: 1px solid #e9e9e9;
 
     a {
       float: right;